/* WEB-E08 · Catálogo documental y fichas. Sans serif, móvil primero, sin dependencias de terceros */
body.osa-v50 .osa-nf-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(25px,5vw,75px);align-items:center;padding-block:clamp(65px,7vw,115px)}
body.osa-v50 .osa-nf-hero h1{font-size:clamp(2.9rem,5.4vw,5rem);line-height:1.07;letter-spacing:-.055em;margin:0 0 24px}
body.osa-v50 .osa-nf-muted{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.75;color:#c9c3ba;max-width:65ch}
.osa-nf-hero-img,.osa-nf-detail-media{min-width:0;position:relative;overflow:hidden;margin:0;background:#1c1b19;border:1px solid #6f593c;border-radius:8px;min-height:360px;aspect-ratio:5/4}
.osa-nf-hero-img img,.osa-nf-detail-media img{width:100%;height:100%;object-fit:cover;filter:contrast(1.11) saturate(.62);display:block}
.osa-nf-hero-img figcaption,.osa-nf-detail-media figcaption{position:absolute;bottom:12px;left:12px;font-size:.82rem;padding:.5rem .75rem;background:#050505ce;color:#f2dcaa}
.osa-nf-family-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.osa-nf-family{display:flex;flex-direction:column;gap:13px;min-height:190px;padding:26px;border:1px solid #665238;background:linear-gradient(140deg,#191817,#111215);color:#f4f0e8;text-decoration:none;border-radius:8px;transition:border-color .2s,transform .2s}
.osa-nf-family:hover,.osa-nf-family:focus-visible{border-color:#e0b875;transform:translateY(-2px)}
.osa-nf-family strong{font-size:clamp(1.12rem,1.6vw,1.4rem);line-height:1.2}.osa-nf-family span{line-height:1.55;color:#c7beb2;font-size:.99rem}.osa-nf-family small{margin-top:auto;color:#ddbb7b;font-size:.86rem;font-weight:750}
.osa-nf-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) minmax(160px,1fr) auto;gap:13px;align-items:end;border:1px solid #58482f;background:#151417;border-radius:8px;padding:19px;margin-top:30px}
.osa-nf-filters label{display:grid;gap:7px;font-weight:700;font-size:.95rem;color:#f5ead6}
.osa-nf-filters :is(input,select){background:#0c0c0e;border:1px solid #766044;border-radius:6px;color:#f7f1e5;min-width:0;height:48px;font:inherit;font-weight:500;padding:10px 13px;width:100%}
.osa-nf-filters :is(input,select):focus-visible,.osa-nf-filters button:focus-visible{outline:3px solid #e7bb66;outline-offset:2px}
.osa-nf-clear{min-height:48px;border:1px solid #796039;border-radius:6px;background:#262119;color:#f3deb4;padding:10px 14px;cursor:pointer;font:inherit;font-weight:700}
.osa-nf-status{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:23px 0;color:#d3c8b8;font-size:.9rem}.osa-nf-status p{margin:0;font-weight:800;color:#eed8ad}
.osa-nf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.osa-nf-card{background:#141416;border:1px solid #59462f;border-radius:8px;padding:24px;display:flex;flex-direction:column;min-width:0;min-height:290px;transition:background .2s,border-color .2s}
.osa-nf-card:hover{background:#1a1918;border-color:#b18b50}.osa-nf-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c9ad78;text-transform:uppercase;letter-spacing:.07em;font-weight:750;font-size:.77rem;line-height:1.5}
.osa-nf-card-top span{text-align:right}.osa-nf-card h3{font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.27;letter-spacing:-.025em;margin:20px 0 12px}.osa-nf-card h3 a{color:#f7f2e8;text-decoration:none}.osa-nf-card h3 a:hover{text-decoration:underline;text-decoration-color:#dfba71}
.osa-nf-card p{color:#cbc5bd;line-height:1.7;font-size:.99rem;margin:0 0 17px}.osa-nf-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-bottom:17px}.osa-nf-tags span,.osa-nf-formats span{border:1px solid #6e5938;border-radius:4px;color:#e5cfaa;font-size:.77rem;padding:5px 8px}
.osa-nf-more{display:inline-block;align-self:flex-start;color:#efc984;font-size:.96rem;font-weight:800;text-decoration:none;padding-block:9px}.osa-nf-more:hover{text-decoration:underline}
.osa-nf-empty{padding:30px;border:1px dashed #84633c;color:#ead8b6}.osa-nf-note{font-size:.92rem;color:#cac1b2;line-height:1.7;max-width:80ch;margin-top:28px}
.osa-nf-detail{padding-block:clamp(50px,8vw,120px)}.osa-nf-crumb{font-size:.92rem;color:#c2b7a7;margin-bottom:38px}.osa-nf-crumb a{color:#e0c28b;text-decoration:none}.osa-nf-detail-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:clamp(24px,5vw,72px);align-items:center}.osa-nf-detail h1{font-size:clamp(2.65rem,5.3vw,4.8rem);line-height:1.09;letter-spacing:-.05em;margin:13px 0 23px}.osa-nf-detail-media{aspect-ratio:4/5}.osa-nf-small{font-size:.87rem;color:#c8bda8;line-height:1.65}.osa-nf-formats{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.osa-nf-formats span{font-size:1rem;padding:11px 14px;background:#171511}
body.osa-v50 .osa-nf-hero :is(a,button),body.osa-v50 .osa-nf-detail :is(a,button){min-height:44px}
[hidden]{display:none!important}
@media(max-width:1150px){.osa-nf-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.osa-nf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.osa-nf-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.osa-v50 .osa-nf-hero,.osa-nf-detail-grid{grid-template-columns:1fr}.osa-nf-hero-img{min-height:280px;max-height:400px}.osa-nf-detail-media{max-height:420px;aspect-ratio:5/3}}
@media(max-width:550px){.osa-nf-family-grid,.osa-nf-grid,.osa-nf-filters{grid-template-columns:1fr}.osa-nf-family{min-height:150px;padding:21px}.osa-nf-card{min-height:0}.osa-nf-detail h1{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){.osa-nf-family,.osa-nf-card{transition:none}}