/* NAZA - ajustes del sitio (limpio: solo lo que se usa) */
.hero.hero--gate{padding:max(48px,env(safe-area-inset-top)) 16px 48px;min-height:100svh}
.hero--gate h1,.hero--gate>p{position:relative;z-index:1}
.hero--gate>p{font-size:clamp(17px,2.6vw,20px);opacity:.85;margin:6px 0 0}
.puertas{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(920px,100%);margin:28px auto 0;text-align:left}
.puerta{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-radius:18px;border:1px solid rgba(160,170,190,.25);background:linear-gradient(180deg,rgba(18,22,36,.85),rgba(8,10,18,.85));backdrop-filter:blur(6px);transition:border-color .25s,transform .25s,box-shadow .25s;animation:subir .6s ease both}
.puerta:nth-child(2){animation-delay:.1s}
.puerta:hover,.puerta:focus-visible{border-color:rgba(95,194,255,.6);transform:translateY(-2px);box-shadow:0 10px 30px rgba(95,194,255,.12)}
.puerta h2{margin:0;font-size:22px;line-height:1.25}
.puerta p{margin:0;opacity:.8;line-height:1.55;font-size:15px}
.puerta p:empty{display:none}
.tg-puntos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tg-puntos li{position:relative;padding:10px 12px 10px 38px;border-radius:10px;background:rgba(95,194,255,.08);border:1px solid rgba(95,194,255,.22);line-height:1.45;font-size:15px}
.tg-puntos li::before{content:"✓";position:absolute;left:13px;top:9px;color:var(--accent);font-weight:700}
.puerta .ir{display:inline-block;align-self:flex-start;margin-top:auto;padding:12px 20px;border-radius:12px;background:var(--accent);color:#06101c;font-weight:600}
@keyframes subir{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:720px){.puertas{grid-template-columns:1fr}.puerta{padding:22px 18px}.puerta .ir{align-self:stretch;text-align:center}}

.main-sin-titulo{padding-top:24px}
.seccion-titulo{text-align:center;margin:0 0 22px;font-size:clamp(22px,4vw,26px)}
.section .seccion-titulo{display:table;margin-left:auto;margin-right:auto}
.seccion-titulo::after{left:50%!important;transform:translateX(-50%)!important}
.escena{position:relative;width:min(860px,100%);aspect-ratio:16/9;margin:18px auto 0;border-radius:16px;overflow:hidden;background:#000;border:1px solid rgba(160,170,190,.25)}
#beneficiosVideo{margin-top:0}
#beneficiosVideo iframe,.media .escena--ancha iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media .escena--ancha{width:100%;margin:0}
.media .escena--ancha iframe{pointer-events:none}
.velo{position:absolute;inset:0;z-index:2;cursor:pointer}
.pista{position:absolute;z-index:3;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.65);font-size:13px;pointer-events:none}
.section .media{width:min(1000px,100%);margin:0 auto}
.media .photos{height:auto;min-height:260px}
.media .photos img{width:100%;max-height:480px;object-fit:contain;display:block}
.relato{max-width:680px;margin:0 auto;padding:0 4px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,2.4vw,19px);line-height:1.8}
.relato p{margin:0 0 1.1em}
.cta{text-align:center;padding:24px 0 8px}
.cta .btn{display:inline-block;padding:14px 28px;font-size:17px}
footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:reduce){.puerta{transition:none;animation:none}}
