/* Recorrido de conversión R1: comprensión -> adhesión -> confirmación. */
main{display:flex;flex-direction:column}
#inicio{order:1}#adherirme{order:2}#confirmar-adhesion{order:3}#propuesta{order:4}.story{order:5}#documentos{order:6}#avances{order:7}#redes{order:8}

.hero-impact{max-width:680px;margin:1rem 0 0;padding-left:1rem;border-left:3px solid var(--gold);color:#f0f1f3}
.adhesion-heading{max-width:800px}
.milestone{display:grid;gap:.35rem;margin-top:1rem;padding:1rem 1.15rem;border:1px solid rgba(214,169,69,.45);border-radius:18px;background:rgba(214,169,69,.08)}
.milestone strong{font-size:1.05rem}.milestone .counter{font-size:2rem}.milestone>span{color:var(--muted);font-size:.9rem}
.milestone-track{height:8px;overflow:hidden;border-radius:999px;background:#32363b}.milestone-track span{display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold2))}

#adherirme{background:radial-gradient(circle at 18% 15%,rgba(214,169,69,.11),transparent 34%)}
#adherirme .forms{grid-template-columns:minmax(0,760px);justify-content:center}
#adherirme .form-card{scroll-margin-top:90px}
#preguntas{margin-top:2rem}
.form-progress{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0 1.25rem}
.form-progress span{padding:.65rem .8rem;border-bottom:3px solid #34383d;color:var(--muted);font-size:.82rem;font-weight:800}
.form-progress span.active{border-color:var(--gold);color:#fff}
.adhesion-step{padding:0;border:0}.adhesion-step h4{margin:1rem 0;font-size:1.1rem}
.step-actions{display:flex;gap:.7rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1.2rem}
.step-actions{display:none}.form-enhanced .step-actions{display:flex}
.form-enhanced [data-form-step][hidden]{display:none!important}
.verification-warning{margin-bottom:1.2rem}
.verification-warning small{display:none}
.inline-support{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
.inline-support a,.inline-support button{border:0;background:none;color:var(--gold2);font:inherit;font-size:.86rem;font-weight:800;text-decoration:underline;cursor:pointer}
.help-launch,.chat-launch{display:none!important}

.exit-modal[hidden]{display:none!important}
.exit-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1.25rem}
.exit-backdrop{position:absolute;inset:0;background:rgba(5,7,10,.78);backdrop-filter:blur(5px)}
.exit-dialog{position:relative;width:min(580px,100%);padding:2.25rem;border:1px solid rgba(214,169,69,.5);border-radius:24px;background:#15181d;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.exit-dialog h2{margin:.55rem 2rem .8rem 0;font-size:clamp(1.75rem,3.2vw,2.45rem);line-height:1.08}
.exit-dialog>p{color:#e5e7eb;line-height:1.65}
.exit-dialog .exit-clarification{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}
.exit-dialog .verify-actions{margin-top:1.35rem}

#confirmar-adhesion{background:#11141a}
#confirmar-adhesion .section-head{margin-bottom:1.2rem}
#confirmar-adhesion .tutorial-copy h3{margin-top:0}

@media(max-width:800px){
  .exit-modal{display:none!important}
  .hero{min-height:100svh;padding:100px 0 48px;background-position:62% center;place-items:center}
  .hero-copy{padding-top:2rem!important}
  .hero h1{font-size:clamp(3.35rem,17vw,5rem)}
  .hero .lead{font-size:1rem;line-height:1.5}
  .hero-impact{font-size:.9rem;line-height:1.45}
  .hero .actions{margin-top:1.25rem}
  .hero .legal-note{margin-top:1rem;line-height:1.45}
  section{padding:64px 0}
  #adherirme{padding-top:70px}
  #adherirme .section-head{margin-bottom:1.3rem}
  .form-card{padding:1.1rem;border-radius:18px}
  .verification-warning{padding:1rem}
  .field small{line-height:1.35}
  .step-actions .btn{flex:1 1 140px}
  .inline-support{align-items:stretch;flex-direction:column;text-align:center}
}

@media(max-width:420px){
  .hero{min-height:auto;padding-top:110px}
  .hero-copy{padding-top:0!important}
  .hero h1{margin-top:.25rem}
  .hero .actions{display:grid}
  .hero .btn{width:100%}
  .form-progress span{padding:.55rem .35rem;font-size:.75rem}
}