/* Inicio — estructura estilo matiascardozo.vip, colores de la marca */
body.ini{--font-display:'Sora',sans-serif;--font-sans:'Manrope',sans-serif;font-family:'Manrope',sans-serif;background:#0b0804}
body.ini .atmosphere-vignette{display:none}
body.ini .display-title{font-family:'Sora',sans-serif;text-transform:none;letter-spacing:-.02em}
body.ini main,body.ini section,body.ini footer{position:relative;z-index:2}
.ini em{font-style:normal;background:linear-gradient(100deg,#D4AF37,#F5D685);-webkit-background-clip:text;background-clip:text;color:transparent}
.ini-wrap{max-width:720px;margin:0 auto;padding:0 20px;text-align:center}
.ini-hero{padding-top:28px;text-align:center;overflow:hidden}
.ini-eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:16px}
.ini-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid rgba(212,175,55,.45);background:rgba(212,175,55,.08);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E8C766;margin-bottom:22px}
.ini-badge i{width:7px;height:7px;border-radius:50%;background:#D4AF37;box-shadow:0 0 8px #D4AF37}
.ini-h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(28px,6.6vw,56px);line-height:1.12;letter-spacing:-.02em;color:#fbf6ee;margin-bottom:18px}
.ini-sub{max-width:520px;margin:0 auto 30px;font-size:15px;line-height:1.65;color:rgba(255,255,255,.65)}
.ini-video{position:relative;display:block;max-width:600px;margin:0 auto 28px;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(212,175,55,.45);box-shadow:0 30px 80px -30px rgba(212,175,55,.5)}
.ini-video img{width:100%;height:100%;object-fit:cover;display:block}
.ini-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:54px;border-radius:14px;background:rgba(212,175,55,.88);color:#241a05;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.ini-video:hover .ini-play{transform:translate(-50%,-50%) scale(1.08)}
.ini-play svg{width:26px;height:26px}
.ini-btn{display:flex;align-items:center;justify-content:center;gap:10px;max-width:420px;height:58px;margin:0 auto;border-radius:14px;padding:0 24px;font-family:'Sora',sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;color:#1b1303;background:linear-gradient(100deg,#D4AF37,#F5D685);box-shadow:0 12px 36px -10px rgba(212,175,55,.65);transition:transform .2s}
.ini-btn:hover{transform:translateY(-2px)}
.ini-btn svg{width:18px;height:18px}
.ini-note{margin-top:12px;font-size:12px;color:rgba(255,255,255,.5)}
.ini-strip{overflow:hidden;margin-top:64px;border-block:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28);padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ini-strip-track{display:flex;width:max-content;animation:iniScroll 30s linear infinite;font-family:'Sora',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.3em;font-size:13px;color:rgba(255,255,255,.72)}
.ini-strip-track span{padding-right:44px;display:inline-flex;align-items:center;gap:44px}
.ini-strip-track span::after{content:"";width:6px;height:6px;border-radius:50%;background:#D4AF37;box-shadow:0 0 8px #D4AF37}
@keyframes iniScroll{to{transform:translateX(-50%)}}
.ini-stats{max-width:1120px;margin:0 auto;padding:56px 20px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ini-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:24px 16px;text-align:center;border-radius:18px;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(255,255,255,.02))}
.ini-stats b{display:block;white-space:nowrap;font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(22px,5.4vw,38px);line-height:1.1;background:linear-gradient(100deg,#D4AF37,#F5D685);-webkit-background-clip:text;background-clip:text;color:transparent}
.ini-stats span{display:block;max-width:190px;margin-top:12px;font-size:11px;line-height:1.55;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.68)}
@media(min-width:720px){.ini-stats{grid-template-columns:repeat(4,1fr)}}
.ini-story{padding:72px 0 40px}
.ini-h2{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(26px,5.6vw,42px);line-height:1.15;letter-spacing:-.02em;color:#fbf6ee;margin-bottom:12px}
.ini-lead{font-size:15px;color:rgba(255,255,255,.62);margin-bottom:12px}
.ini-timeline{position:relative;max-width:640px;margin:36px auto 0;padding:0 20px 0 62px}
.ini-timeline::before{content:"";position:absolute;left:41px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(212,175,55,.6) 8%,rgba(212,175,55,.6) 92%,transparent)}
.ini-step{position:relative;padding:34px 0 40px}
.ini-dot{position:absolute;left:-28px;top:116px;width:14px;height:14px;border-radius:50%;background:#D4AF37;box-shadow:0 0 0 5px rgba(212,175,55,.2),0 0 18px #D4AF37}
.ini-photo{width:128px;height:172px;margin-bottom:20px;border-radius:18px;overflow:hidden;border:1px solid rgba(212,175,55,.55);background:#14100a;box-shadow:0 18px 50px -18px rgba(212,175,55,.6)}
.ini-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ini-pill{display:inline-block;padding:5px 13px;border-radius:999px;border:1px solid rgba(212,175,55,.45);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#E8C766;margin-bottom:12px}
.ini-step h3{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(19px,4.6vw,24px);line-height:1.25;color:#fbf6ee;margin-bottom:8px}
.ini-step p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.62)}
.ini-step strong{display:block;margin-top:10px;font-family:'Sora',sans-serif;font-weight:700;font-size:16px;color:#E8C766}
.ini-cta-card{margin-top:36px;padding:34px 22px;border-radius:20px;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(255,255,255,.02));box-shadow:0 30px 80px -40px rgba(212,175,55,.5)}
.ini-cta-card h3{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(21px,5vw,28px);line-height:1.25;color:#fbf6ee;margin-bottom:10px}
.ini-cta-card p{font-size:14px;color:rgba(255,255,255,.62);margin-bottom:22px}
body.ini .resultados h2{font-family:'Sora',sans-serif;font-weight:800}
body.ini .resultados .head p{color:rgba(255,255,255,.62)}
body.ini .marquee-section-title{font-size:clamp(20px,4.4vw,30px)}
.ini-form{position:relative;padding:72px 16px 88px}
.ini-form .af-wrap{max-width:560px}
html{scroll-behavior:smooth}

/* Página principal (hub) */
.hub{max-width:460px;margin:0 auto;padding:56px 20px 48px;text-align:center}
.hub-photo{width:132px;height:132px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.6);box-shadow:0 0 56px -10px #D4AF37;margin:0 auto 20px;display:block}
.hub .ini-h1{font-size:clamp(32px,9vw,44px);margin-bottom:10px}
.hub .ini-sub{margin-bottom:28px}
.hub-btns{display:flex;flex-direction:column;gap:14px}
.hub-btn{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:18px;text-decoration:none;color:#fbf6ee;border:1px solid rgba(212,175,55,.28);background:rgba(255,255,255,.04);transition:transform .2s,border-color .2s}
.hub-btn:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.7)}
.hub-btn.main{background:linear-gradient(100deg,#D4AF37,#F5D685);color:#1b1303;border-color:transparent;box-shadow:0 12px 36px -10px rgba(212,175,55,.65)}
.hub-ico{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.14);color:#D4AF37}
.hub-btn.main .hub-ico{background:rgba(0,0,0,.14);color:#1b1303}
.hub-ico svg{width:22px;height:22px}
.hub-txt{flex:1;display:flex;flex-direction:column;gap:2px}
.hub-txt b{font-family:'Sora',sans-serif;font-weight:700;font-size:15px}
.hub-txt small{font-size:12px;opacity:.7}
.hub-arrow{width:18px;height:18px;opacity:.6}
.hub-foot{margin-top:34px;font-size:11px;color:rgba(255,255,255,.4)}

@media(min-width:900px){.ini-h1{font-size:clamp(40px,4vw,52px)}.ini-wrap{max-width:820px}.ini-video{max-width:680px}.ini-btn{max-width:680px}}
.ini-stats>div{justify-content:flex-start;padding-top:36px}
.ini-stats span{min-height:3.2em}

/* Línea de tiempo en computador: zigzag alrededor de la línea central */
@media(min-width:900px){
  .ini-timeline{max-width:1040px;padding:0 20px}
  .ini-timeline::before{left:50%}
  .ini-step{display:grid;grid-template-columns:1fr 1fr;column-gap:110px;align-items:center;padding:34px 0}
  .ini-dot{left:50%;top:50%;transform:translate(-50%,-50%)}
  .ini-photo{grid-column:1;grid-row:1;justify-self:end;width:172px;height:230px;margin:0}
  .ini-txt{grid-column:2;grid-row:1;text-align:left;max-width:380px}
  .ini-step:nth-child(even) .ini-photo{grid-column:2;justify-self:start}
  .ini-step:nth-child(even) .ini-txt{grid-column:1;text-align:right;justify-self:end}
  .ini-step h3{font-size:26px}
  .ini-step p{font-size:16px}
}

/* Botón principal del menú: brillo dorado vivo */
.hub-btn.main{position:relative;overflow:hidden;isolation:isolate;animation:hubGlow 2.8s ease-in-out infinite}
.hub-btn.main::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:hubShine 3.6s ease-in-out infinite;z-index:-1}
@keyframes hubGlow{0%,100%{box-shadow:0 0 0 1px rgba(245,214,133,.6),0 10px 30px -8px rgba(212,175,55,.6),0 0 34px -6px rgba(212,175,55,.55)}50%{box-shadow:0 0 0 1px rgba(255,236,170,.9),0 14px 44px -6px rgba(212,175,55,.95),0 0 64px 4px rgba(245,214,133,.7)}}
@keyframes hubShine{0%,55%{left:-60%}100%{left:140%}}
@media(prefers-reduced-motion:reduce){.hub-btn.main,.hub-btn.main::after{animation:none}}
.ini-photo video{width:100%;height:100%;object-fit:cover;display:block}

/* Pila de fotos/video que se abre al tocar */
.ini-stack{position:relative;cursor:pointer;border:none!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.ini-card{position:absolute;inset:0;border-radius:18px;overflow:hidden;border:1px solid rgba(212,175,55,.55);background:#14100a;box-shadow:0 18px 50px -18px rgba(212,175,55,.6);transition:transform .35s ease}
.ini-card img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ini-card.c1{transform:rotate(-3deg);z-index:3}
.ini-card.c2{transform:translate(26px,6px) rotate(6deg);z-index:2;filter:brightness(.8)}
.ini-card.c3{transform:translate(-22px,10px) rotate(-10deg);z-index:1;filter:brightness(.65)}
.ini-stack:hover .ini-card.c1{transform:rotate(-1deg) scale(1.03)}
.ini-stack:hover .ini-card.c2{transform:translate(38px,6px) rotate(9deg)}
.ini-stack:hover .ini-card.c3{transform:translate(-34px,10px) rotate(-13deg)}
.ini-tap{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#E8C766}
.ini-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(6,4,2,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ini-modal.open{display:flex}
.ini-modal-stage{max-width:min(92vw,460px);max-height:84vh;display:flex;align-items:center;justify-content:center}
.ini-modal-stage img,.ini-modal-stage video{max-width:100%;max-height:84vh;border-radius:16px;border:1px solid rgba(212,175,55,.5);box-shadow:0 30px 90px -20px rgba(212,175,55,.5);background:#000}
.ini-modal-x{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(212,175,55,.5);background:rgba(0,0,0,.5);color:#F5D685;font-size:18px;cursor:pointer}
.ini-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(212,175,55,.5);background:rgba(0,0,0,.5);color:#F5D685;font-size:28px;line-height:1;cursor:pointer}
.ini-modal-nav.prev{left:max(12px,calc(50% - 330px))}
.ini-modal-nav.next{right:max(12px,calc(50% - 330px))}
.ini-modal-dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.ini-modal-dots i{width:22px;height:4px;border-radius:99px;background:rgba(255,255,255,.25)}
.ini-modal-dots i.on{background:#D4AF37}
.ini-playbadge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(212,175,55,.9);color:#241a05;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}.ini-playbadge svg{width:20px;height:20px;margin-left:2px}

/* Video "Libre a los 19" */
.ini-free{padding:64px 0 24px;text-align:center}
.ini-free .ini-h2{margin-bottom:26px}
.ini-free-vid{width:min(100%,300px);aspect-ratio:9/16;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid rgba(212,175,55,.55);background:#14100a;box-shadow:0 30px 90px -25px rgba(212,175,55,.6)}
.ini-free-vid video{width:100%;height:100%;object-fit:cover;display:block}