/* OSABUENA · WEB-E36 · 0.16.0.73
   Full-screen cinematic hero scenes, purple/gold identity and readability.
   Backgrounds are AI-generated ambience, NOT evidence of real talks.
   No external fonts, JS dependencies, route/data/business changes. */
:root{--osa-73-violet:#8B5CF6;--osa-73-lilac:#C4A5FF;--osa-73-dark:#130B24;--osa-73-gold:#D4AF37;--osa-73-cream:#F7F2EA;--osa-73-graphite:#2E2E33;--osa-violet:#8B5CF6;--osa-bg:#08060f;--osa-bg2:#181220;--osa-panel:#2E2E33;--osa-border:rgba(139,92,246,.32)}
body[data-osa-visual]{background:#090711!important;color:var(--osa-73-cream)!important;font-family:Inter,'DM Sans','Segoe UI',Arial,system-ui,sans-serif!important;overflow-x:clip}
body[data-osa-visual] :is(h1,h2,h3,h4,h5,h6),body[data-osa-visual] :is(input,button,select,textarea,label){font-family:Inter,'DM Sans','Segoe UI',Arial,system-ui,sans-serif!important}
body[data-osa-visual] h1{letter-spacing:-.045em;line-height:1.075}
body[data-osa-visual] :is(h2,h3){letter-spacing:-.027em}
body[data-osa-visual] :is(.osa-eyebrow,.osa-kicker,.osa-index){color:#D9BBFF!important}
body[data-osa-visual] :is(.osa-hero h1 em,.osa-authority-hero h1 em,.osa-v50-hero h1 em,h2 em){color:#B996FF!important;font-family:inherit!important;font-style:normal}
body[data-osa-visual] :is(.osa-section-head p,.osa-lead,.osa-body-muted){color:#E4DCEA}
body[data-osa-visual] :is(.osa-card,.osa-offer-card,.osa-v50-panel,.osa-v54-topic){border-color:rgba(139,92,246,.28)!important}
body[data-osa-visual] :is(.osa-card,.osa-offer-card,.osa-v50-panel){box-shadow:0 12px 36px rgba(13,8,27,.30)}
body[data-osa-visual] .osa-pillar{position:relative;overflow:hidden}
body[data-osa-visual] .osa-pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8B5CF6,#D4AF37);z-index:1}
body[data-osa-visual] :is(.osa-btn,.osa-header-cta,button[type=submit]){font-size:clamp(.94rem,1.05vw,1.05rem);min-height:48px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body[data-osa-visual] :is(.osa-btn-gold,button[type=submit]){background:linear-gradient(110deg,#c7963c,#E8C975)!important;color:#17101a!important;border-color:#E8C975!important}
body[data-osa-visual] .osa-btn-outline{border-color:rgba(185,150,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.12)}
@media(hover:hover) and (pointer:fine){body[data-osa-visual] :is(.osa-btn,.osa-header-cta,button[type=submit]):hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(139,92,246,.30)!important}}
body[data-osa-visual] :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #B996FF!important;outline-offset:3px!important}
body[data-osa-visual] :is(.osa-nav a,.osa-mobile a):hover{color:#C4A5FF!important}
body[data-osa-visual] .osa-nav a[aria-current="page"]{color:#C4A5FF!important}
body[data-osa-visual] :is(.osa-header,header.osa-header){background:rgba(7,5,13,.93)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(139,92,246,.23)}
body[data-osa-visual] :is(.osa-footer,footer){border-top:1px solid rgba(139,92,246,.24)}
body[data-osa-visual] .osa-brand-logo{max-width:100%;object-fit:contain;filter:none!important}
body[data-osa-visual] .osa73-icon{width:45px;height:45px;display:grid;place-items:center;background:rgba(139,92,246,.13);border:1px solid rgba(185,150,255,.4);border-radius:15px;color:#C4A5FF;margin-bottom:14px;flex-shrink:0}
body[data-osa-visual] .osa73-icon svg{width:24px;height:24px;display:block}
body[data-osa-visual] :is(.osa-pillar,.osa-v50-panel,.osa-v54-topic){position:relative}
/* Entire screen-wide artwork, with content in the semantic original hero. */
body[data-osa-visual] .osa73-hero{position:relative!important;isolation:isolate;box-sizing:border-box;min-height:clamp(595px,83svh,920px);padding-top:clamp(116px,10vw,174px)!important;padding-bottom:clamp(105px,10vw,170px)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;transform:none!important;margin-block:0!important;background-color:transparent!important;border:none!important}
body[data-osa-visual] .osa73-hero::before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(7,5,16,.97) 0%,rgba(9,6,21,.94) 28%,rgba(9,6,21,.78) 46%,rgba(9,6,21,.18) 75%,rgba(9,6,21,.22) 100%),var(--osa73-scene);background-size:cover,cover;background-repeat:no-repeat;background-position:center,center}
body[data-osa-visual] .osa73-hero::after{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0;pointer-events:none;background:linear-gradient(0deg,#090711 0,transparent 19%,transparent 84%,rgba(9,6,23,.58) 100%),radial-gradient(circle at 82% 30%,rgba(139,92,246,.23),transparent 37%)}
body[data-osa-visual] .osa73-hero > :not(figure){position:relative;z-index:2;max-width:min(680px,64vw);flex:0 1 680px;min-width:0}
body[data-osa-visual] .osa73-hero h1{font-size:clamp(2.7rem,5.5vw,5.7rem)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.048em!important;color:#F7F2EA!important;text-shadow:0 3px 28px rgba(0,0,0,.36)}
body[data-osa-visual] .osa73-hero :is(.osa-lead,p:not(.osa-eyebrow):not(.osa-kicker):not(.osa-micro)){font-size:clamp(1.04rem,1.38vw,1.28rem);line-height:1.63;color:#ECE4F2}
body[data-osa-visual] .osa73-hero :is(.osa-eyebrow,.osa-kicker){color:#D9BBFF!important;letter-spacing:.15em;font-size:clamp(.76rem,.87vw,.91rem)!important}
body[data-osa-visual] .osa73-hero .osa-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(23px,3vw,35px)}
/* Original real event photo still visible as an evidence inset, not conflated with artistic hero. */
@media(min-width:1100px){body[data-osa-visual] .osa73-hero > figure{position:absolute!important;right:0!important;bottom:-30px!important;left:auto!important;top:auto!important;z-index:3!important;width:clamp(200px,20vw,284px)!important;height:clamp(130px,13vw,178px)!important;max-width:none!important;min-height:0!important;margin:0!important;transform:none!important;overflow:hidden!important;border:1px solid rgba(212,175,55,.55)!important;border-radius:15px!important;box-shadow:0 20px 50px rgba(0,0,0,.48)!important;background:#130b24!important}body[data-osa-visual] .osa73-hero > figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}body[data-osa-visual] .osa73-hero > figure figcaption{position:absolute!important;inset:auto 0 0!important;padding:8px 10px!important;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent)!important;color:#fff!important;font-size:.64rem!important;line-height:1.2!important;max-height:60px!important;overflow:hidden!important}body[data-osa-visual] .osa73-hero > figure figcaption :is(strong,small,span){font-size:inherit!important;line-height:1.25!important}}
@media(max-width:1099px){body[data-osa-visual] .osa73-hero > figure{display:none!important}body[data-osa-visual] .osa73-hero > :not(figure){max-width:700px;flex-basis:700px}}
/* Page-specific artwork: 1920x1080 local optimized WebP. */
body[data-osa-visual="inicio"]{--osa73-scene:url('/assets/img/osabuena/hero-073/inicio.webp')}
body[data-osa-visual="sobre"]{--osa73-scene:url('/assets/img/osabuena/hero-073/sobre.webp')}
body[data-osa-visual="conferencias"]{--osa73-scene:url('/assets/img/osabuena/hero-073/conferencias.webp')}
body[data-osa-visual="servicios"]{--osa73-scene:url('/assets/img/osabuena/hero-073/servicios.webp')}
body[data-osa-visual="recursos"],body[data-osa-visual="descargables"]{--osa73-scene:url('/assets/img/osabuena/hero-073/recursos.webp')}
body[data-osa-visual="neuroformacion"]{--osa73-scene:url('/assets/img/osabuena/hero-073/neuroformacion.webp')}
body[data-osa-visual="tienda"]{--osa73-scene:url('/assets/img/osabuena/hero-073/tienda.webp')}
body[data-osa-visual="escenarios"]{--osa73-scene:url('/assets/img/osabuena/hero-073/escenarios.webp')}
body[data-osa-visual="organizadores"]{--osa73-scene:url('/assets/img/osabuena/hero-073/organizadores.webp')}
body[data-osa-visual="blog"]{--osa73-scene:url('/assets/img/osabuena/hero-073/blog.webp')}
body[data-osa-visual="mam-live"]{--osa73-scene:url('/assets/img/osabuena/hero-073/mam-live.webp')}
body[data-osa-visual="contacto"],body[data-osa-visual="agenda"]{--osa73-scene:url('/assets/img/osabuena/hero-073/contacto.webp')}
body[data-osa-visual="consultoria"]{--osa73-scene:url('/assets/img/osabuena/hero-073/servicios.webp')}
body[data-osa-visual="oferta"]{--osa73-scene:url('/assets/img/osabuena/hero-073/conferencias.webp')}
/* Contact: do not alter inputs, validation, actions, CSRF, or their destinations. Only readability. */
body[data-osa-visual="contacto"] :is(label,[class*="label"]){color:#F2EAF7!important;font-size:clamp(.98rem,1.1vw,1.1rem)!important;line-height:1.35!important}
body[data-osa-visual="contacto"] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;line-height:1.5!important;min-height:54px!important;border-radius:13px!important;border:1px solid rgba(185,150,255,.35)!important;color:#F7F2EA!important;background:#120e1b!important;padding:12px 16px!important}
body[data-osa-visual="contacto"] textarea{min-height:178px!important}
body[data-osa-visual="contacto"] :is(input,textarea)::placeholder{color:#A9A0B8!important;opacity:1}
body[data-osa-visual="contacto"] :is(input,select,textarea):focus{border-color:#B996FF!important;box-shadow:0 0 0 3px rgba(139,92,246,.20)!important}
body[data-osa-visual="contacto"] :is(.osa73-hero h1,h1){max-width:850px}
body[data-osa-visual="contacto"] :is(.osa73-hero p,.osa73-hero .lead){max-width:720px}
/* MaM Live needs violet technology glow and legible blocks. */
body[data-osa-visual="mam-live"] :is(.osa73-hero h1,h1){max-width:830px}
body[data-osa-visual="mam-live"] .osa73-hero::after{background:linear-gradient(0deg,#090711 0,transparent 24%,transparent 83%,rgba(9,6,23,.58) 100%),radial-gradient(circle at 72% 32%,rgba(139,92,246,.4),transparent 45%)}
body[data-osa-visual="mam-live"] :is(article,section) .osa73-icon{box-shadow:0 8px 30px rgba(139,92,246,.13)}
/* Normal cards remain intact, just enhanced with purple & typography. */
body[data-osa-visual] main :is(section,article) h2{line-height:1.16}
body[data-osa-visual] .osa73-hero + section{position:relative;z-index:1}
body[data-osa-visual] ::selection{background:rgba(139,92,246,.6);color:white}
@media(max-width:760px){body[data-osa-visual] .osa73-hero{min-height:clamp(560px,76svh,840px)!important;padding-top:clamp(108px,20vw,150px)!important;padding-bottom:84px!important}body[data-osa-visual] .osa73-hero::before{background-image:linear-gradient(90deg,rgba(7,5,16,.94) 0%,rgba(9,6,21,.82) 54%,rgba(9,6,21,.45) 100%),var(--osa73-scene);background-position:center,65% center}body[data-osa-visual] .osa73-hero > :not(figure){max-width:100%;flex-basis:100%;width:100%}body[data-osa-visual] .osa73-hero h1{font-size:clamp(2.45rem,9vw,4.1rem)!important;line-height:1.10!important}body[data-osa-visual] .osa73-hero .osa-actions{align-items:stretch}body[data-osa-visual] .osa73-hero .osa-actions>*{min-height:48px}body[data-osa-visual] :is(.osa-brand-logo,.osa73-brand-img){max-width:200px}}
@media(max-width:420px){body[data-osa-visual] .osa73-hero h1{font-size:clamp(2.2rem,9vw,3rem)!important}body[data-osa-visual] .osa73-hero{min-height:625px!important}}
@media(prefers-reduced-motion:reduce){body[data-osa-visual] *,body[data-osa-visual] *::before,body[data-osa-visual] *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}