/* Aparición al hacer scroll: el contenido es visible si no hay JS */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.1s}.js .rv.d2{transition-delay:.2s}.js .rv.d3{transition-delay:.3s}

/* Titulares por líneas (SplitText) */
.sl-line{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.sl-line>span{display:block;will-change:transform}

/* Pantalla de carga de marca (0,8 s, una vez por visita; se oculta sola por CSS aunque falle el JS) */
#splash{position:fixed;inset:0;z-index:200;background:var(--ink);display:flex;align-items:center;justify-content:center;animation:splash-out .4s ease .9s forwards}
#splash img{height:64px;width:auto;opacity:0;transform:translateY(8px);animation:splash-in .6s cubic-bezier(.2,.8,.2,1) .05s forwards}
#splash .bar{position:absolute;left:50%;top:calc(50% + 58px);width:120px;height:1px;margin-left:-60px;background:rgba(255,255,255,.18);overflow:hidden}
#splash .bar::after{content:"";display:block;height:100%;width:100%;background:var(--gold);transform:translateX(-100%);animation:splash-bar .8s ease .05s forwards}
.no-splash #splash{display:none}
@keyframes splash-in{to{opacity:1;transform:none}}
@keyframes splash-bar{to{transform:none}}
@keyframes splash-out{to{opacity:0;visibility:hidden}}

/* Entrada de portada: con GSAP la gestiona main.js; sin él, todo visible */
.hero .kicker,.hero h1,.hero p.lead,.hero .btn-row,.hero-strip{animation:hero-up .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation-delay:.08s}.hero p.lead{animation-delay:.2s}.hero .btn-row{animation-delay:.3s}.hero-strip{animation-delay:.42s}
.no-splash .hero .kicker{animation-delay:0s}
html:not(.no-splash) .hero .kicker,html:not(.no-splash) .hero h1,html:not(.no-splash) .hero p.lead,html:not(.no-splash) .hero .btn-row,html:not(.no-splash) .hero-strip{animation-delay:1s}
@keyframes hero-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#splash{display:none}.hero .kicker,.hero h1,.hero p.lead,.hero .btn-row,.hero-strip{animation:none!important}.js .rv{opacity:1;transform:none;transition:none}.js .hero h1,.js .page-hero h1,.js .hero .kicker,.js .hero p.lead,.js .hero .btn-row,.js .hero-strip{opacity:1!important}}