/* OSABUENA · manual identidad 2026 · Paleta documentada, 100% sans serif.
   Logo SVG: reproducción técnica provisional del concepto ilustrado (no vector original maestro).
   Filosofía: HAY OTRA MANERA. Firma visual: IDEAS QUE HACEN MÁS. */
:root{--osa-bg:#0B0B0B;--osa-bg2:#171717;--osa-surface:#171717;--osa-panel:#2E2E2E;--osa-fg:#F4F1EA;--osa-gold:#D4AF37;--osa-gold-light:#E8C975;--osa-violet:#7A3EF4;--osa-muted:#C5C1BA;--osa-border:rgba(212,175,55,.23);--osa-gold2:#D4AF37;--osa-line:#3B3630;--osa-sans:Inter,'DM Sans',system-ui,Arial,sans-serif;--osa-serif:Inter,system-ui,Arial,sans-serif;--osa-display:Inter,system-ui,Arial,sans-serif;color-scheme:dark}
html{background:#0B0B0B}
body.osa-page{font-family:Inter,'DM Sans',system-ui,'Segoe UI',Arial,sans-serif!important;background:#0B0B0B!important;color:#F4F1EA!important;line-height:1.7}
body.osa-page :is(h1,h2,h3,h4,h5,h6){font-family:Inter,'Arial Black',system-ui,sans-serif!important;font-style:normal;font-weight:800;letter-spacing:-.035em}
body.osa-page :is(.osa-kicker,.osa-index,.osa-eyebrow,.osa-micro){font-family:Inter,system-ui,sans-serif!important;letter-spacing:.13em}
body.osa-page :is(.osa-card,.osa-offer-card,.osa-v50-panel,.osa-v58-talk,.osa-v54-topic,.osa-proof-gallery figure){border-color:var(--osa-border)}
body.osa-page .osa-gold,body.osa-page em,body.osa-page .osa-eyebrow,body.osa-page .osa-index{color:#D4AF37}
body.osa-page :is(.osa-btn-gold,.osa-btn-gold:link,.osa-btn-gold:visited){background:#D4AF37!important;color:#0B0B0B!important;border-color:#D4AF37!important}
body.osa-page .osa-text-link{color:#E8C975!important}
body.osa-page :is(.osa-header,.osa-footer){background:#0B0B0B}
body.osa-page .osa-nav a[aria-current="page"]{color:#D4AF37!important}
body.osa-page :is(.osa-mobile nav a[aria-current="page"],.osa-mobile[open] summary){border-color:#D4AF37!important}
body.osa-page :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #7A3EF4!important;outline-offset:3px}
body.osa-page a:hover{transition:color .15s ease}
body.osa-page .osa-brand-link{display:inline-flex;align-items:center;min-width:0;max-width:270px;height:auto;flex-shrink:0}
body.osa-page .osa-brand-logo{display:block;width:clamp(166px,17vw,260px);max-width:100%;height:auto;aspect-ratio:750/152;object-fit:contain}
body.osa-page .osa-brand-footer img{width:min(270px,100%);height:auto;display:block}
body.osa-page .osa-brand-footer p{margin-top:6px}
/* Authentic documentary photos, gold/graphite grade via browser: originals remain identifiable. */
body.osa-page :is(.osa-cine-hero,.osa-cine-card-photo,.osa-v50-visual,.osa-proof-hero-photo,.osa-proof-gallery figure,.osa-photo-masonry figure){position:relative;isolation:isolate;overflow:hidden;background:#151414}
body.osa-page :is(.osa-cine-hero,.osa-v50-visual,.osa-proof-hero-photo,.osa-cine-card-photo,.osa-photo-masonry figure)::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(11,11,11,.18),transparent 35%,rgba(120,75,20,.10) 100%);mix-blend-mode:screen}
body.osa-page :is(.osa-cine-hero img,.osa-v50-visual img,.osa-proof-hero-photo img,.osa-cine-card-photo img,.osa-photo-masonry img){filter:grayscale(.37) sepia(.12) contrast(1.12) brightness(.90);transition:filter .35s ease,transform .35s ease}
@media(hover:hover){body.osa-page :is(.osa-cine-card-photo,.osa-photo-masonry figure):hover img{filter:grayscale(.05) sepia(.1) contrast(1.06) brightness(.97);transform:scale(1.025)}}
body.osa-page .osa-photo-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.osa-page .osa-photo-masonry figure{margin:0;border:1px solid var(--osa-border);border-radius:12px}
body.osa-page .osa-photo-masonry img{display:block;width:100%;height:235px;object-fit:cover}
body.osa-page .osa-photo-masonry figcaption{padding:12px 15px;color:#DDD3C6;font-size:14px;line-height:1.55;min-height:62px}
body.osa-page .osa-photo-license{color:#C5C1BA;font-size:14px;margin-top:22px}
@media(max-width:980px){body.osa-page .osa-brand-logo{width:clamp(170px,34vw,242px)} body.osa-page .osa-photo-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){body.osa-page .osa-brand-logo{width:178px}body.osa-page .osa-brand-link{max-width:185px}body.osa-page .osa-photo-masonry{grid-template-columns:1fr}body.osa-page .osa-photo-masonry img{height:230px}body.osa-page .osa-photo-masonry figcaption{min-height:unset}}
@media(max-width:360px){body.osa-page .osa-brand-logo{width:150px}}
@media(prefers-reduced-motion:reduce){body.osa-page :is(.osa-cine-hero img,.osa-v50-visual img,.osa-photo-masonry img){transition:none}}