:root{--lib-accent:#3ED5EA;--lib-navy:#04121F;--lib-line:#E1E7EB;--lib-muted:#64717D}
body.library-page{background:#F5F7F8!important;color:#17212B!important;min-height:100vh}
body.library-page header{position:sticky;top:0;z-index:100;background:rgba(4,18,31,.96)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:13px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.library-page .brand{display:flex;align-items:center;gap:9px;font-size:17px!important}.brand-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#014D8B;color:#fff;box-shadow:0 6px 14px rgba(1,77,139,.35)}
body.library-page header a.back{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:#D6E0E7!important}
body.library-page .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--lib-accent) 18%,transparent),transparent 32%),linear-gradient(135deg,#04121F,#0A2235)!important;padding:64px 0 58px!important}
body.library-page .hero::after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-80px;top:-130px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
body.library-page .hero .container{position:relative;z-index:1}
body.library-page .hero .eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--lib-accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--lib-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--lib-accent) 16%,transparent)}
body.library-page .hero h1{font-size:clamp(32px,5vw,54px)!important;letter-spacing:-.035em;line-height:1.03;margin-bottom:14px!important}
body.library-page .hero p{font-size:clamp(14px,2vw,17px)!important;line-height:1.6;max-width:720px}
body.library-page main{padding:38px 0 90px!important}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.library-toolbar p{margin:0;color:var(--lib-muted);font-size:13px}.library-count{font-size:12px;font-weight:800;color:#014D8B;background:#E6F1F8;border-radius:999px;padding:7px 11px}
body.library-page .grid{gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
body.library-page .card{background:#fff;border-color:var(--lib-line)!important;border-radius:15px!important;box-shadow:0 8px 24px rgba(4,18,31,.055);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
body.library-page .card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 40px rgba(4,18,31,.11)!important;border-color:color-mix(in srgb,var(--lib-accent) 45%,var(--lib-line))!important}
body.library-page .thumb{height:190px!important;background:linear-gradient(135deg,#0D2940,#04121F)!important;overflow:hidden}
body.library-page .thumb::after{content:"Abrir visor  →";position:absolute;right:12px;bottom:12px;background:rgba(4,18,31,.78);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.18s ease;backdrop-filter:blur(8px)}
body.library-page .card:hover .thumb::after{opacity:1;transform:none}
body.library-page .thumb img{transition:transform .35s ease}.library-page .card:hover .thumb img{transform:scale(1.025)}
body.library-page .body{padding:18px 19px 20px!important}.library-page .body h3{font-size:17px!important;line-height:1.25;margin-bottom:7px!important}.library-page .body p{font-size:13.5px!important;line-height:1.55;min-height:42px}.library-page .body .date{display:inline-flex;margin-top:5px;background:#F0F3F5;color:#65727E!important;border-radius:999px;padding:5px 8px;font-size:10.5px!important}
body.library-page .empty{grid-column:1/-1;background:#fff;border:1px dashed #C9D3DA;border-radius:15px;padding:46px 24px!important;color:#64717D!important}
.library-skeleton{height:310px;border-radius:15px;background:linear-gradient(90deg,#E9EEF1 25%,#F6F8F9 37%,#E9EEF1 63%);background-size:400% 100%;animation:lib-shimmer 1.35s ease infinite}@keyframes lib-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media(max-width:640px){body.library-page .container{padding-left:16px!important;padding-right:16px!important}body.library-page .hero{padding:46px 0 40px!important}body.library-page main{padding-top:24px!important}body.library-page .grid{grid-template-columns:1fr!important;gap:15px!important}body.library-page .thumb{height:180px!important}body.library-page header a.back{font-size:0!important}body.library-page header a.back::after{content:"← Volver";font-size:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}