:root{--rojo:#e50914;--fondo:#080808;--gris:#999}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--fondo)}body{margin:0;background:var(--fondo);color:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.barra{position:fixed;z-index:30;inset:0 0 auto;height:70px;padding:0 5vw;display:flex;align-items:center;gap:35px;background:linear-gradient(#030303ef,transparent)}.logo img{width:145px;display:block}.menu-escritorio{display:flex;gap:24px;font-size:13px;color:#ccc}.acciones{margin-left:auto;display:flex;gap:17px;align-items:center;font-size:13px}#abrir-menu{display:none;background:none;color:white;border:0;font-size:24px}#menu-movil{position:absolute;top:62px;left:20px;right:20px;padding:12px;background:#111;border:1px solid #333;border-radius:8px}#menu-movil a{display:block;padding:12px;border-bottom:1px solid #292929}.hero{height:88vh;min-height:620px;position:relative;overflow:hidden}.fondo-hero{position:absolute;inset:0;background-size:cover;background-position:center;transition:background-image .7s,transform 8s;transform:scale(1.04)}.sombra-hero{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0,#050505e9 25%,#05050555 58%,transparent 75%),linear-gradient(0deg,#080808,transparent 35%)}.texto-hero{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-40%);width:min(620px,48vw)}.categoria{font-size:11px;letter-spacing:.18em;font-weight:800;color:#ddd}.categoria:before{content:'';display:inline-block;width:22px;height:2px;background:var(--rojo);margin:0 10px 3px 0}.texto-hero h2{font:600 clamp(56px,7vw,105px)/.84 'Cormorant Garamond',serif;letter-spacing:-.045em;margin:17px 0}.descripcion{font-size:18px;line-height:1.55;color:#ddd}.botones{display:flex;gap:12px;margin-top:27px}.boton-rojo,.boton-claro{display:inline-flex;padding:13px 19px;border-radius:4px;font-weight:800;font-size:14px}.boton-rojo{background:var(--rojo)}.boton-claro{background:#eee;color:#111}.compacto{padding:9px 16px}.flecha{position:absolute;z-index:4;top:48%;border:1px solid #ffffff22;background:#0007;color:#fff;font-size:35px;width:42px;height:62px;cursor:pointer}.izquierda{left:12px}.derecha{right:12px}.puntos{position:absolute;z-index:4;bottom:8%;left:6vw;display:flex;gap:7px}.puntos button{width:27px;height:3px;padding:0;border:0;background:#7777}.puntos button.activo{width:50px;background:var(--rojo)}main{background:#080808}.estante{padding:55px 0 20px 5vw;overflow:hidden}.cabecera{display:flex;justify-content:space-between;align-items:end;padding-right:5vw;margin-bottom:16px}.cabecera h2{font-size:clamp(24px,2.4vw,36px);margin:0}.cabecera p{font-size:13px;color:#777;margin:6px 0}.cabecera span{font-size:11px;color:#777}.fila{display:flex;gap:13px;padding:8px 5vw 28px 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.paisaje{flex:0 0 min(390px,31vw);aspect-ratio:16/9;position:relative;border-radius:7px;overflow:hidden;scroll-snap-align:start;transition:.25s}.paisaje:hover,.portada:hover{transform:translateY(-6px)}.paisaje img{width:100%;height:100%;object-fit:cover}.paisaje:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 66%)}.paisaje small,.paisaje strong{position:absolute;z-index:2;left:17px}.paisaje small{bottom:43px;font-size:8px;letter-spacing:.14em}.paisaje strong{bottom:15px;font:600 23px 'Cormorant Garamond',serif}.portada{flex:0 0 min(230px,18vw);scroll-snap-align:start;transition:.25s}.portada img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.portada span{display:block;font-size:12px;color:#ccc;margin-top:9px}.manifiesto{min-height:390px;margin:65px 5vw;text-align:center;border-block:1px solid #202020;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#4f0a102d,transparent 55%)}.manifiesto b{font:70px Georgia;color:var(--rojo);height:55px}.manifiesto blockquote{font:600 clamp(30px,4vw,57px)/1.02 'Cormorant Garamond',serif;margin:15px}.manifiesto p{font-size:9px;color:#777;letter-spacing:.2em}.manifiesto a{font-size:12px;margin-top:16px;border-bottom:1px solid #777}.tarot-destacado{margin:80px 5vw;padding:6vw;min-height:520px;border-radius:10px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:radial-gradient(circle at 80%,#71111f,#26090d 35%,#0d0b0c 70%)}.tarot-destacado h2{font:600 clamp(43px,5.5vw,80px)/.88 'Cormorant Garamond',serif;margin:20px 0}.tarot-destacado h2 em{color:#d6a5aa;font-style:normal}.tarot-destacado>div>p:not(.categoria){color:#aaa;line-height:1.65;max-width:580px;margin-bottom:30px}.tarot-destacado img{width:min(310px,75%);max-height:450px;object-fit:cover;border-radius:10px;justify-self:center;transform:rotate(4deg);box-shadow:-25px 25px 65px #000}.articulos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:8px 5vw 30px 0}.articulo{background:#141414;border:1px solid #242424;border-radius:7px;overflow:hidden;min-height:350px}.articulo img{width:100%;height:170px;object-fit:cover}.articulo div{padding:20px}.articulo small,.boletin small{font-size:9px;color:#ee4b55;letter-spacing:.15em;font-weight:800}.articulo h3{font:600 27px/1.05 'Cormorant Garamond',serif;margin:10px 0}.articulo p{font-size:12px;color:#888;line-height:1.55}.articulo b{font-size:11px}.boletin{margin:85px 5vw;padding:50px 6vw;border:1px solid #292929;border-radius:8px;background:linear-gradient(100deg,#181818,#0c0c0c);display:flex;align-items:center;justify-content:space-between;gap:30px}.boletin h2{font:600 clamp(36px,4vw,58px) 'Cormorant Garamond';margin:8px 0}.boletin p{color:#888;font-size:13px}footer{border-top:1px solid #222;padding:55px 5vw 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;color:#777;font-size:12px}footer img{width:150px}footer nav{display:flex;flex-direction:column;gap:9px}footer strong{color:#bbb;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.copyright{grid-column:1/-1;border-top:1px solid #222;padding-top:20px}
@media(max-width:900px){.menu-escritorio,.newsletter-link{display:none}#abrir-menu{display:block}.texto-hero{width:75vw}.paisaje{flex-basis:68vw}.portada{flex-basis:28vw}.tarot-destacado{grid-template-columns:1fr}.tarot-destacado img{margin-top:50px}.articulos{grid-template-columns:repeat(3,70vw);overflow-x:auto}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.barra{height:60px;padding:0 20px}.logo img{width:120px}.hero{height:650px;min-height:650px}.texto-hero{left:22px;width:calc(100% - 44px)}.texto-hero h2{font-size:55px}.descripcion{font-size:14px}.puntos{left:22px}.flecha{display:none}.estante{padding-left:20px}.fila{padding-right:20px}.paisaje{flex-basis:83vw}.portada{flex-basis:44vw}.manifiesto{margin-inline:20px}.manifiesto blockquote br{display:none}.tarot-destacado{margin:65px 20px;padding:45px 25px}.articulos{grid-template-columns:repeat(3,83vw);padding-right:20px}.boletin{margin:65px 20px;padding:40px 25px;flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr}.boton-claro{display:none}}

/* Carrusel v2: una capa por obra permite reiniciar el zoom en cada frame. */
.fondo-hero{transform:none;overflow:hidden;background-image:none!important}
.diapositiva{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity 1.15s ease;will-change:transform,opacity}
.diapositiva.activa{opacity:1;z-index:1}
.diapositiva.activa.zoom-a{animation:ken-burns-a 9s linear both}
.diapositiva.activa.zoom-b{animation:ken-burns-b 9s linear both}
@keyframes ken-burns-a{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.2%,-.7%,0)}}
@keyframes ken-burns-b{from{transform:scale(1.12) translate3d(-1%,0,0)}to{transform:scale(1.02) translate3d(.7%,-.5%,0)}}
@media(prefers-reduced-motion:reduce){.diapositiva.activa{animation:none!important}.diapositiva{transform:scale(1.04)}}

/* Versión 6: acciones de tarot y formulario integrado de Kit. */
.acciones-tarot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.tarot-destacado .acciones-tarot .boton-rojo,.tarot-destacado .acciones-tarot .boton-claro{white-space:nowrap}
.boletin-kit{align-items:stretch;padding:36px 4vw}
.boletin-presentacion{display:grid;grid-template-columns:170px minmax(260px,620px);grid-template-rows:auto auto auto;column-gap:28px;align-items:center}
.boletin-presentacion small,.boletin-presentacion h2,.boletin-presentacion p{grid-column:2}
.boletin-presentacion img{grid-column:1;grid-row:1/4;width:100%;max-height:230px;object-fit:cover;border-radius:6px;box-shadow:0 15px 40px #0008}
.formulario-kit{width:min(390px,100%);align-self:center;padding:26px;background:#f6f6f6;color:#222;border-radius:7px;box-shadow:0 18px 50px #0007}
.formulario-kit label{display:block;margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#555}
.formulario-kit input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid #d5d5d5;border-radius:4px;background:white;color:#111;font:14px Inter,Arial,sans-serif}
.formulario-kit input:focus{outline:2px solid #e50914;outline-offset:1px}
.formulario-kit button{width:100%;border:0;margin-top:12px;cursor:pointer;text-align:center}
.formulario-kit>p{font-size:10px!important;line-height:1.5!important;color:#666!important;margin:13px 0 4px!important}
.formulario-kit .formkit-alert{list-style:none;margin:0 0 10px;padding:0;color:#b0000a;font-size:12px}
.formulario-kit .formkit-alert:empty{display:none}
.kit-marca{display:block;margin-top:8px;text-align:center;font-size:9px;color:#888;text-decoration:underline}
@media(max-width:900px){.boletin-presentacion{grid-template-columns:125px 1fr}.boletin-kit{flex-direction:column}.formulario-kit{width:100%}}
@media(max-width:620px){.acciones-tarot{align-items:stretch;flex-direction:column}.tarot-destacado .acciones-tarot a{display:flex;width:100%}.tarot-destacado .acciones-tarot .boton-claro{display:flex}.boletin-presentacion{display:block}.boletin-presentacion img{width:150px;margin:20px 0}.boletin-kit{padding:35px 24px}.formulario-kit{padding:22px}}

/* Versión 8: en móviles el banner conserva completo su formato panorámico.
   El movimiento va de 96% a 100%, por lo que nunca recorta los laterales. */
@media(max-width:620px){
  .hero{height:max(650px,calc(56.25vw + 390px));min-height:650px;background:#080808}
  .fondo-hero{inset:0 0 auto;height:56.25vw;background:#080808}
  .diapositiva{inset:0;background-size:contain;background-position:center top;background-repeat:no-repeat;transform:scale(.96)}
  .diapositiva.activa.zoom-a,.diapositiva.activa.zoom-b{animation:ken-burns-movil 9s ease-in-out both}
  .sombra-hero{background:linear-gradient(180deg,#0008 0,transparent 18%,transparent calc(56.25vw - 65px),#080808 calc(56.25vw + 14px),#080808 100%)}
  .texto-hero{top:calc(56.25vw + 24px);transform:none}
  .puntos{bottom:24px}
}
@keyframes ken-burns-movil{from{transform:scale(.96) translate3d(0,0,0)}to{transform:scale(1) translate3d(0,0,0)}}

/* Versión 9: el carrusel móvil completo es una miniatura proporcional
   del banner de escritorio. Termina en 16:9 y el contenido sigue debajo. */
@media(max-width:620px){
  .barra{height:42px;padding:0 12px;gap:12px}
  .logo img{width:82px}
  .acciones{gap:8px;font-size:8px}
  .compacto{padding:5px 9px;font-size:8px}
  #abrir-menu{font-size:18px;padding:4px}
  #menu-movil{top:42px}
  .hero{width:100%;height:56.25vw;min-height:0;max-height:none;aspect-ratio:16/9;background:#080808}
  .fondo-hero{inset:0;width:100%;height:100%}
  .diapositiva{inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;transform:scale(.97)}
  .diapositiva.activa.zoom-a,.diapositiva.activa.zoom-b{animation:ken-burns-banner-movil 9s ease-in-out both}
  .sombra-hero{background:linear-gradient(90deg,#050505e8 0,#050505a8 38%,#05050528 72%,transparent),linear-gradient(0deg,#080808a8,transparent 42%),linear-gradient(180deg,#0008,transparent 28%)}
  .texto-hero{left:6vw;top:45%;width:72vw;transform:translateY(-20%)}
  .categoria{font-size:6px;letter-spacing:.14em;margin:0}
  .categoria:before{width:11px;height:1px;margin:0 5px 2px 0}
  .texto-hero h2{font-size:clamp(20px,7vw,34px);line-height:.88;margin:6px 0}
  .descripcion{font-size:clamp(7px,2.15vw,11px);line-height:1.35;margin:0;max-width:68vw}
  .botones{gap:6px;margin-top:8px}
  .botones .boton-rojo,.botones .boton-claro{display:inline-flex;padding:6px 9px;font-size:clamp(6px,1.75vw,9px);border-radius:2px;white-space:nowrap}
  .flecha{display:block;top:48%;width:25px;height:34px;font-size:20px}
  .izquierda{left:4px}.derecha{right:4px}
  .puntos{left:6vw;bottom:5%;gap:4px}
  .puntos button{width:13px;height:2px}.puntos button.activo{width:24px}
  .estante{padding-top:30px}
}
@keyframes ken-burns-banner-movil{from{transform:scale(.97)}to{transform:scale(1)}}

/* Versión 12: navegación comercial, enlaces individuales y buscador. */
.diapositiva.vertical{background-size:auto 100%;background-repeat:no-repeat;background-position:72% center;background-color:#171214}
.enlace-seccion{font-size:11px;color:#d9d9d9;border-bottom:1px solid #555;padding-bottom:3px;white-space:nowrap}
.enlace-seccion:hover{color:#fff;border-color:var(--rojo)}
.portada small{display:block;margin-top:11px;color:#e04a54;font-size:8px;font-weight:800;letter-spacing:.13em}
.portada span{margin-top:5px;font:600 20px/1.05 'Cormorant Garamond',serif;color:#eee}
.portada b{display:block;margin-top:9px;color:#aaa;font-size:10px}
.portada:hover b{color:#fff}

.rutas{margin:55px 5vw 75px;padding:42px 0;border-block:1px solid #242424}
.rutas-encabezado{text-align:center;margin:0 auto 28px;max-width:700px}
.rutas-encabezado small{font-size:9px;letter-spacing:.2em;font-weight:800;color:#e04a54}
.rutas-encabezado h2{margin:8px 0 5px;font:600 clamp(32px,4vw,56px)/1 'Cormorant Garamond',serif}
.rutas-encabezado p{margin:0;color:#888;font-size:13px}
.rutas-opciones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rutas-opciones>a{position:relative;min-height:205px;padding:27px;border:1px solid #2b2b2b;border-radius:7px;background:linear-gradient(145deg,#161616,#0d0d0d);transition:.25s}
.rutas-opciones>a:hover{transform:translateY(-5px);border-color:#555;background:linear-gradient(145deg,#1d1d1d,#0e0e0e)}
.rutas-opciones span{font-size:9px;letter-spacing:.18em;color:#e04a54;font-weight:800}
.rutas-opciones h3{font:600 29px/1 'Cormorant Garamond',serif;margin:19px 0 9px}
.rutas-opciones p{margin:0;color:#888;font-size:12px;line-height:1.55;max-width:390px}
.rutas-opciones b{display:block;margin-top:22px;color:#eee;font-size:11px}

.busqueda{position:relative;display:flex;align-items:center}
.boton-busqueda{position:relative;width:30px;height:30px;display:block;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.boton-busqueda:before{content:'';position:absolute;width:10px;height:10px;border:1.7px solid currentColor;border-radius:50%;left:7px;top:6px}
.boton-busqueda:after{content:'';position:absolute;width:7px;height:1.7px;background:currentColor;transform:rotate(45deg);left:17px;top:18px;transform-origin:left center}
.boton-busqueda:hover,.boton-busqueda:focus-visible{color:#e50914;outline:none}
.formulario-busqueda{position:absolute;top:40px;right:0;width:min(390px,82vw);display:flex;padding:8px;background:#101010;border:1px solid #363636;border-radius:4px;box-shadow:0 15px 45px #000c}
.formulario-busqueda[hidden]{display:none}
.formulario-busqueda input{min-width:0;flex:1;height:42px;padding:0 13px;border:1px solid #424242;border-right:0;border-radius:3px 0 0 3px;background:#080808;color:#fff;font:13px Inter,Arial,sans-serif}
.formulario-busqueda input:focus{outline:1px solid #e50914;border-color:#e50914}
.formulario-busqueda button{height:42px;padding:0 16px;border:0;border-radius:0 3px 3px 0;background:#e50914;color:#fff;font:800 12px Inter,Arial,sans-serif;cursor:pointer}
.solo-lectores{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.rutas-opciones{grid-template-columns:1fr}.rutas-opciones>a{min-height:0}.enlace-seccion{font-size:9px}.boton-busqueda{width:23px;height:23px}.formulario-busqueda{position:fixed;top:47px;left:12px;right:12px;width:auto}.diapositiva.vertical{background-size:auto 100%;background-position:center}}
@media(max-width:620px){.rutas{margin:35px 20px 55px;padding:32px 0}.rutas-opciones h3{font-size:25px}.cabecera{align-items:flex-start;gap:16px}.enlace-seccion{margin-top:4px}}

/* Versión 10: usa el mismo corte de 900 px que activa el menú móvil. */
@media(max-width:900px){
  .barra{height:42px;padding:0 12px;gap:12px}.logo img{width:82px}.acciones{gap:8px;font-size:8px}.compacto{padding:5px 9px;font-size:8px}#abrir-menu{font-size:18px;padding:4px}#menu-movil{top:42px}
  .hero{width:100%;height:56.25vw;min-height:0;max-height:none;aspect-ratio:16/9;background:#080808}
  .fondo-hero{inset:0;width:100%;height:100%}
  .diapositiva{inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;transform:scale(.97)}
  .diapositiva.activa.zoom-a,.diapositiva.activa.zoom-b{animation:ken-burns-banner-movil 9s ease-in-out both}
  .sombra-hero{background:linear-gradient(90deg,#050505e8 0,#050505a8 38%,#05050528 72%,transparent),linear-gradient(0deg,#080808a8,transparent 42%),linear-gradient(180deg,#0008,transparent 28%)}
  .texto-hero{left:6vw;top:45%;width:72vw;transform:translateY(-20%)}
  .categoria{font-size:6px;letter-spacing:.14em;margin:0}.categoria:before{width:11px;height:1px;margin:0 5px 2px 0}
  .texto-hero h2{font-size:clamp(20px,4.4vw,34px);line-height:.88;margin:6px 0}
  .descripcion{font-size:clamp(7px,1.4vw,11px);line-height:1.35;margin:0;max-width:68vw}
  .botones{gap:6px;margin-top:8px}.botones .boton-rojo,.botones .boton-claro{display:inline-flex;padding:6px 9px;font-size:clamp(6px,1.15vw,9px);border-radius:2px;white-space:nowrap}
  .flecha{display:block;top:48%;width:25px;height:34px;font-size:20px}.izquierda{left:4px}.derecha{right:4px}
  .puntos{left:6vw;bottom:5%;gap:4px}.puntos button{width:13px;height:2px}.puntos button.activo{width:24px}
  .estante{padding-top:30px}
}

/* Versión 13: ajustes puntuales del carrusel y navegación de destacados. */
.controles-destacados{display:flex;align-items:center;gap:7px}
.controles-destacados button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #3a3a3a;border-radius:50%;background:#111;color:#fff;font:24px/1 Arial,sans-serif;cursor:pointer;transition:.2s}
.controles-destacados button:hover,.controles-destacados button:focus-visible{border-color:#777;background:#202020;outline:none}
.rutas-opciones>a:nth-child(1){background:linear-gradient(145deg,#181619,#0e0d0f);border-color:#322c35}
.rutas-opciones>a:nth-child(2){background:linear-gradient(145deg,#13191a,#0b0f10);border-color:#273436}
.rutas-opciones>a:nth-child(3){background:linear-gradient(145deg,#191613,#0f0d0b);border-color:#362f27}
.rutas-opciones>a:nth-child(1):hover{background:linear-gradient(145deg,#201b22,#100e11)}
.rutas-opciones>a:nth-child(2):hover{background:linear-gradient(145deg,#192123,#0d1112)}
.rutas-opciones>a:nth-child(3):hover{background:linear-gradient(145deg,#211c17,#110f0c)}
@media(max-width:900px){.controles-destacados button{display:none}}

/* Versión 14: continuidad del zoom, lectura del hero y rutas diferenciadas. */
.diapositiva.zoom-a{transform:scale(1.12) translate3d(-1.2%,-.7%,0)}
.diapositiva.zoom-b{transform:scale(1.02) translate3d(.7%,-.5%,0)}
.diapositiva.activa.zoom-a,.diapositiva.activa.zoom-b{animation-duration:8s}
.texto-hero h2,.texto-hero .categoria,.texto-hero .descripcion{text-shadow:0 2px 14px #000,0 1px 3px #000}
@media(min-width:901px){
  .sombra-hero{background:linear-gradient(90deg,#030303f7 0,#030303df 29%,#0303038f 52%,#03030335 72%,transparent 88%),linear-gradient(0deg,#080808,transparent 35%)}
}
.rutas-opciones>a:nth-child(1){background:linear-gradient(145deg,#2b1823,#120b0f);border-color:#583346}
.rutas-opciones>a:nth-child(2){background:linear-gradient(145deg,#153038,#081519);border-color:#315963}
.rutas-opciones>a:nth-child(3){background:linear-gradient(145deg,#302414,#140d07);border-color:#604a2d}
.rutas-opciones>a:nth-child(1):hover{background:linear-gradient(145deg,#38202d,#170d13);border-color:#75445d}
.rutas-opciones>a:nth-child(2):hover{background:linear-gradient(145deg,#1b3d46,#0a1b20);border-color:#40727e}
.rutas-opciones>a:nth-child(3):hover{background:linear-gradient(145deg,#3d2e19,#1a1108);border-color:#7b603a}
@media(max-width:900px){.diapositiva.zoom-a,.diapositiva.zoom-b{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.diapositiva.zoom-a,.diapositiva.zoom-b{transform:scale(1.04)}}

/* Versión 15: loop de destacados y cortina amplia sin sombra tipográfica. */
.texto-hero h2,.texto-hero .categoria,.texto-hero .descripcion{text-shadow:none}
@media(min-width:901px){
  .sombra-hero{background:linear-gradient(90deg,rgba(2,2,2,.82) 0,rgba(2,2,2,.68) 34%,rgba(2,2,2,.38) 56%,rgba(2,2,2,.14) 73%,transparent 86%),linear-gradient(0deg,#080808,transparent 35%)}
}

/* Versión 16: orden correcto de capas; la cortina queda sobre la imagen. */
.fondo-hero{z-index:0}
.sombra-hero{z-index:1;pointer-events:none}
.texto-hero{z-index:2}
.titulo-principal-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}