:root{--black:#050708;--dark:#0d171d;--yellow:#ffd84a;--lime:#c8ff1a;--pink:#ff5f91;--ink:#101317;--muted:#59636e;--line:#dce2e7;--soft:#f4f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav{height:92px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff24}.brand img{width:126px;height:82px;object-fit:contain}.btn{display:inline-block;border:0;border-radius:6px;background:var(--yellow);color:var(--ink);padding:17px 24px;font-size:12px;font-weight:900;letter-spacing:.06em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0006}.btn-small{padding:12px 18px;font-size:10px}.hero{min-height:760px;padding:145px clamp(24px,8vw,120px) 85px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#13394f 0,transparent 32%),radial-gradient(circle at 95% 90%,#4a1429 0,transparent 28%);pointer-events:none}.hero-copy,.experience-image{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.16em;margin:0 0 22px}.eyebrow:before{content:"";width:30px;height:1px;background:currentColor}.centered{justify-content:center}.hero h1,.section h2,.signup h2{font-family:Georgia,serif;font-size:clamp(49px,6vw,84px);line-height:.96;letter-spacing:-.04em;margin:0}.hero h1 em,.section h2 em,.signup h2 em{color:var(--yellow);font-weight:500}.lead{max-width:610px;color:#e4e8ea;font-size:18px;line-height:1.7;margin:28px 0}.microcopy{color:#cdd3d7;font-size:12px;margin-top:16px}.experience-image{height:470px;border-radius:22px;box-shadow:0 30px 80px #000;border:1px solid #ffffff38;background:url('/imagenes_app/foto_portada.png') center/cover}.progress-panel{max-width:1180px;margin:0 auto;background:#fff;color:var(--ink);border-top:5px solid var(--yellow);border-radius:0 0 12px 12px;padding:26px 34px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.progress-panel span{font-size:10px;font-weight:900;letter-spacing:.12em}.progress-panel h2{font:700 25px Georgia,serif;margin:5px 0}.progress-panel p{color:var(--muted);margin:5px 0}.progress-data{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 14px}.progress-data strong{font:700 38px Georgia,serif}.progress-data>span{color:var(--muted);padding-bottom:5px}.progress-bar{grid-column:1/-1;height:8px;border-radius:10px;background:#e6eaed;overflow:hidden}.progress-bar i{height:100%;display:block;background:linear-gradient(90deg,var(--yellow),var(--pink));border-radius:inherit}.section{padding:105px clamp(24px,8vw,120px)}.section h2{font-size:clamp(42px,5vw,66px);text-align:center}.section-lead{max-width:710px;margin:25px auto 45px;text-align:center;color:#cbd2d6;line-height:1.7}.journey{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.journey article{background:#fff;color:var(--ink);border-radius:10px;padding:25px 20px;border-top:4px solid var(--yellow)}.journey article>span{font-size:30px;display:block;margin-bottom:17px}.journey strong{display:block;font:700 20px Georgia,serif}.journey p{font-size:13px;color:var(--muted);line-height:1.6}.reassurance{max-width:950px;margin:30px auto 0;padding:18px;text-align:center;border:1px solid #ffffff2c;border-radius:8px;color:#e6e9eb}.visual-statement{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:#fff;color:var(--ink)}.statement-photo{height:480px;border-radius:16px;background:url('/imagenes_app/foto_portada.png') center/cover;box-shadow:0 20px 50px #0003}.visual-statement h2{text-align:left}.visual-statement .eyebrow{color:#08733e}.visual-statement p:last-child{color:var(--muted);font-size:16px;line-height:1.8}.difference{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;border-block:1px solid #ffffff20}.difference h2{text-align:left}.difference>p{font-size:18px;line-height:1.8;color:#d8dde0}.section-heading{text-align:center}.audience{background:#f3f6f7;color:var(--ink)}.audience .eyebrow{color:#08733e}.audience-grid{max-width:960px;margin:50px auto 25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.audience-grid p{margin:0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--lime);border-radius:7px;padding:19px;font-size:16px}.audience-note{max-width:900px;margin:30px auto 0;text-align:center;font-weight:700}.trust{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:55px;max-width:1180px;margin:auto}.trust-icon{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:70px;font-weight:900}.trust h2{text-align:left}.trust p:last-child{color:#d7dde0;font-size:17px;line-height:1.8}.goal{display:grid;grid-template-columns:1fr 350px;align-items:center;gap:80px;background:#fff;color:var(--ink)}.goal h2{text-align:left}.goal .eyebrow{color:#08733e}.goal p{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:28px}.goal-circle{width:310px;height:310px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-content:center;text-align:center;padding:45px}.goal-circle strong{font:700 90px Georgia,serif;color:var(--yellow)}.goal-circle span{font-size:15px;line-height:1.5}.faq{background:#f3f6f7;color:var(--ink)}.faq .eyebrow{color:#08733e}.faq-list{max-width:900px;margin:45px auto 0}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:18px 21px}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:var(--muted);line-height:1.7;margin-bottom:2px}.signup{padding:110px clamp(24px,8vw,120px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.signup-copy{position:sticky;top:30px}.signup-copy p{color:#d7dde0;line-height:1.8}.signup ul{padding:0;list-style:none;line-height:2}.form-card{background:#fff;color:var(--ink);border-radius:12px;padding:35px;box-shadow:0 30px 80px #000;min-height:400px}.form-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.form-head strong{display:block;font-size:15px}.form-head small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.form-head b{background:var(--yellow);padding:7px 11px;border-radius:20px;font-size:10px;white-space:nowrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;color:#4b5660}input,select,textarea{width:100%;padding:13px;margin-top:7px;border:1px solid #cdd4da;border-radius:5px;background:#fff;color:#111;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #ffd84a55;border-color:#d9b300}.field-help{display:block;margin-top:7px;color:#66717b;font-size:10px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.45}.check{display:flex;gap:9px;align-items:flex-start;text-transform:none;font-weight:400;letter-spacing:0}.check input{width:16px;margin:1px 0}.submit{width:100%}.note{font-size:10px;color:#68737d;text-align:center;margin:12px 0 0}.form-error{margin-bottom:16px;padding:13px;border-left:4px solid #b42318;background:#fff1f0;color:#7a271a;font-size:13px}.success{min-height:360px;text-align:center;display:grid;place-content:center}.success>span{display:grid;place-items:center;width:65px;height:65px;margin:auto;border-radius:50%;background:var(--yellow);font-size:30px}.success h3{font:700 36px Georgia,serif;margin:17px 0 8px}.success p{max-width:480px;color:var(--muted);line-height:1.7}footer{padding:25px clamp(24px,6vw,90px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1c;color:#c7ccd0;font-size:11px}footer img{width:100px;height:68px;object-fit:contain}@media(max-width:950px){.hero,.visual-statement,.difference,.goal,.signup{grid-template-columns:1fr}.hero{text-align:center;padding-top:125px}.hero .eyebrow{justify-content:center}.experience-image{max-width:720px;width:100%;margin:auto}.progress-panel{margin-inline:20px}.journey{grid-template-columns:repeat(2,1fr)}.visual-statement h2,.difference h2,.goal h2,.trust h2{text-align:center}.visual-statement .eyebrow,.difference .eyebrow,.goal .eyebrow,.trust .eyebrow{justify-content:center}.goal-circle{margin:auto}.signup-copy{position:static;text-align:center}.signup-copy .eyebrow{justify-content:center}.signup ul{display:inline-block;text-align:left}}@media(max-width:650px){.nav{height:78px;padding:0 15px}.brand img{width:100px}.btn-small{font-size:8px;padding:10px}.hero{min-height:auto;padding:110px 20px 55px}.hero h1{font-size:50px}.lead{font-size:16px}.experience-image{height:300px}.progress-panel{grid-template-columns:1fr;margin:0 15px;padding:23px}.journey,.audience-grid{grid-template-columns:1fr}.section{padding:72px 20px}.statement-photo{height:310px}.trust{grid-template-columns:1fr;text-align:center}.trust-icon{margin:auto;width:130px;height:130px}.goal{padding-inline:20px}.goal-circle{width:260px;height:260px}.signup{padding:75px 15px}.form-card{padding:25px 18px}.fields{grid-template-columns:1fr}.form-head{gap:10px}footer{flex-direction:column;gap:10px;text-align:center}}
/* Ajustes responsive para teléfonos */
html,body{max-width:100%;overflow-x:hidden}
.hero>*,.progress-panel>*,.visual-statement>*,.difference>*,.goal>*,.signup>*,.fields>*{min-width:0}
img,input,select,textarea,button{max-width:100%}

@media(max-width:650px){
  .nav{height:72px;padding:0 12px;gap:10px}
  .brand{flex:0 0 auto}.brand img{width:82px;height:62px}
  .nav .btn-small{max-width:145px;padding:9px 10px;font-size:8px;line-height:1.25;text-align:center;white-space:normal}
  .hero{display:flex;flex-direction:column;gap:32px;padding:98px 16px 45px;text-align:center}
  .hero-copy{width:100%}.hero h1{font-size:clamp(39px,13vw,50px);line-height:1}
  .hero .lead{font-size:16px;line-height:1.55;margin:22px auto}
  .hero .btn{width:100%;padding:15px 12px;font-size:10px;line-height:1.35;white-space:normal;text-align:center}
  .microcopy{line-height:1.5}.experience-image{width:100%;height:245px;background-position:center}
  .progress-panel{display:block;margin:0 12px;padding:22px 18px;text-align:center}
  .progress-panel h2{font-size:22px}.progress-data{display:block;margin-top:20px}.progress-data strong,.progress-data>span{display:block}.progress-data>span{padding:4px 0 10px}
  .section{padding:64px 16px}.section h2,.signup h2{font-size:clamp(34px,10vw,43px);line-height:1.05}
  .journey{display:grid;grid-template-columns:1fr;gap:12px}.journey article{padding:21px 18px;text-align:left}.journey article>span{margin-bottom:10px}
  .reassurance{font-size:13px;line-height:1.6}
  .visual-statement,.difference,.goal,.signup{display:block}.statement-photo{height:250px;margin-bottom:38px}
  .visual-statement h2,.difference h2,.goal h2{text-align:center}.visual-statement p:last-child,.difference>p,.goal p{font-size:15px;line-height:1.7;text-align:center}
  .audience-grid{display:grid;grid-template-columns:1fr}.audience-grid p{font-size:14px}.audience-note{font-size:14px;line-height:1.6}
  .trust{display:block;text-align:center}.trust-icon{width:110px;height:110px;font-size:52px;margin:0 auto 30px}.trust p:last-child{font-size:15px}
  .goal .btn{display:block;width:100%;text-align:center;margin-bottom:38px}.goal-circle{width:235px;height:235px;padding:32px}.goal-circle strong{font-size:72px}
  .faq details{padding:16px}.faq summary{line-height:1.4}
  .signup{padding:68px 12px}.signup-copy{margin-bottom:35px}.form-card{width:100%;padding:23px 15px}
  .form-head{display:block}.form-head b{display:inline-block;margin-top:12px}.fields{display:block}
  label{line-height:1.35}input,select,textarea{font-size:16px;padding:12px 10px}
  .submit{width:100%;padding:15px 9px;font-size:10px;line-height:1.35;white-space:normal}
  footer{padding-inline:16px}
}

@media(max-width:360px){
  .nav .btn-small{max-width:125px;font-size:7.5px}
  .hero h1{font-size:38px}.hero{padding-inline:12px}
  .section h2,.signup h2{font-size:33px}
  .experience-image{height:215px}
.form-card{padding-inline:12px}.goal-circle{width:215px;height:215px}
}

/* El bloque de seguridad ya no utiliza el ícono circular. */
.trust{display:block;max-width:900px;text-align:center}
.trust .eyebrow{justify-content:center}
.trust h2{text-align:center}

/* El título principal es más largo que el original. */
.hero h1{font-size:clamp(44px,5.2vw,74px)}
@media(max-width:650px){.hero h1{font-size:clamp(35px,10.5vw,44px)}}
@media(max-width:360px){.hero h1{font-size:34px}}

/* Marca textual junto al logo de la cabecera. */
.nav .brand{display:flex;align-items:center;gap:14px}
.nav .brand strong{font-family:Georgia,serif;font-size:22px;line-height:1.05;color:#fff;white-space:nowrap}
@media(max-width:650px){.nav .brand{gap:8px}.nav .brand strong{font-size:16px;white-space:normal}}

/* Frase de marca junto al título de la cabecera. */
.nav{justify-content:flex-start}
.nav-tagline{color:var(--yellow);font-family:Georgia,serif;font-size:17px;font-style:italic;font-weight:700;line-height:1.1;white-space:nowrap}
@media(max-width:650px){.nav-tagline{font-size:12px;white-space:normal}}

/* Imagen principal de la portada. */
.hero .experience-image{background-image:url('/imagenes_app/foto_portada_1.png')}

.visual-statement .eyebrow{color:#08733e;font-size:16px;line-height:1.45}
@media(max-width:650px){.visual-statement .eyebrow{font-size:14px}}

/* Paleta tipográfica tomada del logo: celeste y rosa. */
:root{--logo-celeste:#59c8f2;--logo-rosa:#ff5f91}
.nav .brand strong,
.hero h1,
.intro-night h2,
.difference h2,
.trust h2,
.signup h2{color:var(--logo-celeste)}
.nav-tagline,
.eyebrow,
.hero h1 em,
.section h2 em,
.signup h2 em,
.goal-circle strong{color:var(--logo-rosa)}

/* Textos indicados en blanco. */
.nav .brand strong,
.hero .eyebrow,
.intro-night .eyebrow,
.difference .eyebrow,
.trust .eyebrow{color:#fff}

/* Página independiente de preinscripción. */
.preinscripcion-body{min-height:100vh;background:var(--black)}
.preinscripcion-header{height:100px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;background:var(--dark)}
.preinscripcion-header .brand{display:flex;align-items:center;gap:14px}
.preinscripcion-header .brand img{width:105px;height:82px;object-fit:contain}
.preinscripcion-header .brand strong{color:#fff;font:700 22px Georgia,serif}
.volver-inicio{color:var(--logo-rosa);font-size:13px;font-weight:800}
.preinscripcion-page{min-height:calc(100vh - 100px);padding:48px clamp(15px,5vw,60px);display:grid;place-items:start center}
.preinscripcion-card{width:min(100%,960px)}
@media(max-width:650px){.preinscripcion-header{height:78px;padding-inline:15px}.preinscripcion-header .brand img{width:72px;height:62px}.preinscripcion-header .brand strong{font-size:16px}.volver-inicio{font-size:11px}.preinscripcion-page{min-height:calc(100vh - 78px);padding:24px 15px}.preinscripcion-card{padding:25px 18px}}

/* Cierre de la portada con acceso al formulario independiente. */
.preinscripcion-cta{padding:95px clamp(24px,8vw,120px);text-align:center;background:radial-gradient(circle at 50% 100%,#142f3d 0,transparent 48%)}
.preinscripcion-cta h2{max-width:900px;margin:0 auto;color:var(--logo-celeste);font:700 clamp(38px,5vw,64px)/1 Georgia,serif;letter-spacing:-.04em}
.preinscripcion-cta h2 em{color:var(--logo-rosa);font-weight:500}
.preinscripcion-cta>p:not(.eyebrow){max-width:760px;margin:26px auto 32px;color:#e4e8ea;font-size:18px;line-height:1.7}
.preinscripcion-cta .btn{min-width:min(100%,390px)}
.participar-btn{font-size:15.6px}
@media(max-width:650px){.preinscripcion-cta{padding:70px 20px}.preinscripcion-cta h2{font-size:36px}.preinscripcion-cta>p:not(.eyebrow){font-size:16px}}

/* Navegación principal. */
.nav{justify-content:space-between}
.main-navigation{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);margin-left:auto}
.main-navigation a{position:relative;padding:10px 0;color:#e8ecee;font-size:12px;font-weight:800;letter-spacing:.06em;transition:color .2s}
.main-navigation a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--logo-rosa);transition:right .2s}
.main-navigation a:hover,.main-navigation a:focus-visible,.main-navigation a.active{color:#fff}
.main-navigation a:hover:after,.main-navigation a:focus-visible:after,.main-navigation a.active:after{right:0}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid #ffffff35;border-radius:6px;background:#ffffff0a;cursor:pointer}
.menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}

@media(max-width:780px){
  .nav{height:76px;padding:0 14px}
  .nav .brand img{width:72px;height:60px}
  .nav .brand strong{font-size:15px}
  .menu-toggle{display:block;position:relative;z-index:12;margin-left:auto}
  .main-navigation{position:absolute;z-index:11;left:0;right:0;top:76px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 18px 24px;background:#071013f7;border-bottom:1px solid #ffffff25;box-shadow:0 24px 50px #0009;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s,opacity .2s,visibility .2s}
  .main-navigation.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .main-navigation a{padding:17px 4px;border-bottom:1px solid #ffffff18;font-size:14px}
  .main-navigation a:last-child{border-bottom:0}
  .main-navigation a:after{display:none}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.menu-open{overflow:hidden}
}