/*
 * 11-hero-v3.css - Capa V3 del hero (overlay editorial, sheen del titulo) y perspectiva del carrusel. OJO: este fichero termina con el banner y el @import de la capa V2 UX. Ese @import viene despues de otras reglas, por lo que el navegador lo ignora; se conserva EXACTAMENTE en esta posicion para no volverlo valido y cambiar la tipografia.
 * Origen: index.html, <style> #1 (lineas 62-81). Contenido identico al original.
 */
/* V3 HERO — editorial overlay inspired by the supplied reference */
.hero{isolation:isolate}
.hero-media{will-change:transform;transform-origin:center center;transition:transform .18s linear}
.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,7,14,.02),rgba(6,7,14,.02) 42%,rgba(6,7,14,.46) 100%)}
.hero-copy{z-index:3;position:relative;display:grid;place-items:center;width:100%;height:100%;transform:none!important;pointer-events:none}
.hero-title{font-family:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif!important;font-weight:500!important;font-size:clamp(72px,11.8vw,190px)!important;line-height:.78!important;letter-spacing:-.085em!important;text-transform:uppercase!important;color:#fff!important;text-shadow:0 1px 0 rgba(255,255,255,.08),0 18px 55px rgba(0,0,0,.16)!important;mix-blend-mode:normal;white-space:nowrap!important;position:relative;z-index:4}
.hero-title:after{content:"";position:absolute;inset:-8% -3%;border-radius:999px;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.12) 48%,transparent 72%);filter:blur(22px);opacity:.25;animation:titleSheen 9s ease-in-out infinite;pointer-events:none}
.hero-sub{position:absolute!important;bottom:11vh;left:50%;transform:translateX(-50%);margin:0!important;z-index:5;opacity:.82}
@keyframes titleSheen{0%,70%,100%{transform:translateX(-45%);opacity:0}78%{transform:translateX(45%);opacity:.32}}
@media(max-width:900px){.hero-title{font-size:15vw!important;white-space:normal!important;text-align:center}.hero-sub{bottom:9vh}}
@media(max-width:560px){.hero-title{font-size:17vw!important}.hero-sub{bottom:8vh;max-width:320px!important}}
/* Slower 3D oval: about 48 seconds per full revolution */
.gallery-stage{perspective:1400px;transform-style:preserve-3d}
.card{will-change:transform,filter,opacity;transition:filter .8s ease,opacity .8s ease,box-shadow .45s ease}
/* =========================
   JESÚS ESPINOZA — V2 UX
   Liquid Glass / 3D Loop / Soft Motion
   ========================= */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@300;400;500;600;700;800&display=swap');