/* Hero de dentro A: anillo de demos en 3D (ref: reel3 anillo/carrusel con cámara que entra, reel1 Gallery, ref-16 tarjetas en perspectiva) */
.hd{position:relative;min-height:calc(100svh + clamp(80px,14vh,160px));overflow:hidden;background:#0A0B10;color:#fff;isolation:isolate}
.hd-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 55% at 50% 108%,rgba(163,239,244,.34),rgba(163,239,244,.08) 45%,transparent 70%),radial-gradient(40% 30% at 50% 0,rgba(163,239,244,.07),transparent 70%)}
.hd-lines{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;z-index:-1;opacity:.55;pointer-events:none}
.hd-lines path{fill:none;stroke:#A3EFF4;stroke-width:1.2;vector-effect:non-scaling-stroke}
.hd-lines path:nth-child(2){opacity:.6}.hd-lines path:nth-child(3){opacity:.35}
.hd-copy{position:relative;z-index:3;text-align:center;max-width:720px;margin:0 auto;padding:clamp(96px,15vh,140px) 22px 0;display:flex;flex-direction:column;align-items:center;gap:14px}
.hd-copy .kick{margin:0;font:600 12.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#A3EFF4}
.hd-copy h2{margin:0;font:600 clamp(30px,4.2vw,52px)/1.06 Manrope,system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance;color:#fff}
.hd-copy p.hd-sub{margin:0;font:500 clamp(15px,1.3vw,18px)/1.45 Manrope,system-ui,sans-serif;color:rgba(255,255,255,.7);max-width:46ch}
.hd-copy .btn{margin-top:8px}
.hd-scene{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 30%;z-index:1}
.hd-ring{position:absolute;left:50%;top:62svh;width:0;height:0;transform-style:preserve-3d}
.hd-card{position:absolute;left:0;top:0;margin:0;border-radius:14px;overflow:hidden;background:#11131B;box-shadow:0 0 0 1px rgba(163,239,244,.22),0 30px 60px -20px rgba(0,0,0,.8);cursor:pointer;-webkit-box-reflect:below 6px linear-gradient(transparent 62%,rgba(255,255,255,.18))}
.hd-card img{display:block;width:100%;height:100%;object-fit:cover}
.hd-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%);pointer-events:none}
.hd-card:hover{box-shadow:0 0 0 2px #A3EFF4,0 30px 70px -20px rgba(163,239,244,.5)}
html.dn-gate .hd-card{opacity:0}
@media (max-width:760px){.hd-copy{padding-top:96px}.hd-ring{top:64svh}.hd-card{border-radius:10px}}
@media (prefers-reduced-motion:reduce){.hd-card{opacity:1!important}}
.hd-floor{position:absolute;left:-30px;right:-30px;bottom:0;width:calc(100% + 60px);height:48%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 38%);mask-image:linear-gradient(transparent,#000 38%)}
html.dn-gate .hd-floor{opacity:0}

/* poster del agua: se ve desde el primer fotograma; al pintar el canvas se quita (mismo fotograma, sin salto) */
.hd-floor:not(.live){background:url(d/floor-d.webp) center/100% 100% no-repeat}
@media (max-width:700px){.hd-floor:not(.live){background-image:url(d/floor-m.webp)}}