/* Biblioteca de Prompts · Universidad de la IA (estilos propios de /prompts, sobre /styles.css) */
.lib{padding:clamp(120px,12vw,170px) var(--pad) clamp(60px,7vw,100px);max-width:1440px;margin:0 auto}
.lib button{font-family:inherit;cursor:pointer}
.lib .head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;margin-bottom:40px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.lib .head__txt{display:flex;flex-direction:column;gap:14px}
.lib .head__logo{width:clamp(150px,16vw,220px);height:auto;grid-row:1/3;grid-column:2;align-self:center}
.lib .lpill{width:fit-content;border:1px solid rgba(200,135,90,.35);background:rgba(200,135,90,.1);color:var(--copper);border-radius:99px;padding:5px 12px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.lib h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6.4vw,104px);line-height:.95;letter-spacing:-.01em}
.lib h1 em{color:var(--copper)}
.lib .head p{max-width:640px;color:var(--mute);font-size:16px;line-height:1.6}
.lib .head__cta{margin-top:6px}
.lib .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.lib .search{display:flex;align-items:center;gap:8px;width:100%;max-width:448px;border:1px solid var(--line);background:rgba(242,237,230,.03);border-radius:12px;padding:0 12px;color:var(--mute)}
.lib .search:focus-within{border-color:var(--copper)}
.lib .search input{flex:1;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:16px;padding:11px 0}.lib .search input::placeholder{color:#8d857c}
.lib .chips{display:flex;gap:8px;flex-wrap:wrap}
.lib .chip{border:1px solid var(--line);background:rgba(242,237,230,.03);color:#c9c1b7;border-radius:99px;padding:7px 13px;font-size:12.5px;font-weight:500;white-space:nowrap;transition:.15s}.lib .chip:hover{background:rgba(242,237,230,.08)}
.lib #types .chip.on{background:var(--copper);color:#0a0908;border-color:var(--copper)}
.lib .secs{margin-bottom:24px}.lib .secs .chip.on{background:rgba(200,135,90,.16);border-color:rgba(200,135,90,.5);color:var(--copper2)}
.lib .count{font-family:var(--mono);font-size:11.5px;color:var(--mute);margin-bottom:24px;text-transform:uppercase;letter-spacing:.06em}
.lib .section{display:flex;flex-direction:column;gap:28px;margin-bottom:64px;scroll-margin-top:100px}
.lib .sh{border-bottom:1px solid var(--line);padding-bottom:12px}.lib .sh h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1}
.lib .cat{display:flex;flex-direction:column;gap:16px}.lib .pch{display:flex;align-items:baseline;gap:12px}.lib .pch h3{font-size:17px;font-weight:600}.lib .pch span{font-family:var(--mono);font-size:11px;color:var(--mute)}
.lib .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lib .card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid rgba(242,237,230,.09);background:rgba(242,237,230,.02);transition:border-color .2s;cursor:pointer}.lib .card:hover{border-color:rgba(200,135,90,.55)}
.lib .img{position:relative;aspect-ratio:1;overflow:hidden;background:#12100e}
.lib .img i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.lib .card:hover .img i{transform:scale(1.05)}
.lib .img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-family:var(--mono);font-size:11px;color:rgba(242,237,230,.45);letter-spacing:.08em;text-transform:uppercase}
.lib .ptag{display:inline-block;border-radius:99px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);padding:2px 8px;font-size:10px;font-weight:500;color:rgba(242,237,230,.85)}
.lib .img .ptag{position:absolute;left:8px;top:8px}.lib .img .pmodel{left:auto;right:8px;background:rgba(0,0,0,.65);color:var(--copper2)}
.lib .cb{display:flex;flex:1;flex-direction:column;gap:8px;padding:12px}.lib .ct{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.lib .ct h4{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lib .cp{flex:none;border:1px solid var(--line);background:rgba(242,237,230,.05);color:#c9c1b7;border-radius:8px;padding:8px;line-height:0}.lib .cp:hover{background:rgba(242,237,230,.1);color:var(--ink)}.lib .cp.ok{color:var(--copper);border-color:rgba(200,135,90,.6)}
.lib .pv{font-size:12px;line-height:1.6;color:var(--mute);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lib .empty{color:var(--mute);padding:40px 0}
.card.has-img .ph{display:none}
.pmodal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.pmodal[hidden]{display:none}
.pmodal button{font-family:inherit;cursor:pointer}
.mbox{display:grid;grid-template-columns:1fr 1.2fr;width:100%;max-width:1000px;max-height:88vh;height:88vh;grid-template-rows:minmax(0,1fr);background:var(--bg2);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.mimg{background-size:cover;background-position:center;min-height:300px}
.mright{display:flex;flex-direction:column;gap:10px;padding:20px;min-height:0;overflow:hidden}.mtop{display:flex;justify-content:space-between}
.mright .ptag{display:inline-block;border-radius:99px;padding:2px 8px;font-size:10px;background:rgba(242,237,230,.08);color:rgba(242,237,230,.85)}.mright .pmodel{background:rgba(200,135,90,.16);color:var(--copper2)}
.pmodal .x{background:none;border:0;color:#c9c1b7;font-size:18px;min-width:40px;min-height:40px}.mright h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05}.msec{font-family:var(--mono);font-size:11px;color:var(--mute)}
.mright pre{flex:1;overflow:auto;background:#070606;border:1px solid rgba(242,237,230,.07);border-radius:12px;padding:14px;font:12px/1.6 var(--mono);color:rgba(242,237,230,.85);white-space:pre-wrap;word-break:break-word;min-height:120px}
.mact{display:flex;gap:10px}.mact button{flex:1}
.pbtn{border-radius:99px;padding:12px 18px;font-size:13px;font-weight:600;border:1px solid var(--line);background:rgba(242,237,230,.04);color:var(--ink)}
.pbtn--copper{background:var(--copper);border-color:var(--copper);color:#0a0908}.pbtn--copper:hover{background:var(--copper2)}
.ptoast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--copper);color:#0a0908;font-weight:600;font-size:14px;padding:10px 18px;border-radius:99px;transition:.3s;z-index:130}.ptoast.show{transform:translate(-50%,0)}
@media(max-width:1100px){.lib .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){
  .lib{padding:104px var(--pad) 48px}
  .lib .head{grid-template-columns:1fr;gap:16px;padding-bottom:28px;margin-bottom:28px}
  .lib .head__logo{grid-row:auto;grid-column:auto;order:-1;width:132px}
  .lib .head p{font-size:15px}
  .lib .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lib .secs,.lib #types{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad)}
  .lib .secs::-webkit-scrollbar,.lib #types::-webkit-scrollbar{display:none}
  .lib .bar{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.lib .bar>*{min-width:0}.lib .search{max-width:none}
  .lib .section{margin-bottom:48px}
  .mbox{grid-template-columns:1fr;grid-template-rows:auto;height:auto;max-height:92vh;overflow:auto}.mimg{min-height:min(92vw,420px)}.mright{overflow:visible}.mright pre{flex:none;max-height:46vh}
}
@media(max-width:560px){.lib .grid{grid-template-columns:1fr}}
.lib .lib__crumb{margin-bottom:22px}

.lib .img img.pi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.lib .card:hover .img img.pi{transform:scale(1.05)}