:root{
      --bg:#f6f8fb;
      --surface:#ffffff;
      --ink:#111827;
      --muted:#667085;
      --muted-2:#8a94a3;
      --line:#e7ebf1;
      --blue:#146ef5;
      --blue-hover:#0b5fd6;
      --blue-soft:#edf4ff;
      --green:#159667;
      --green-soft:#edf9f4;
      --shadow:0 22px 60px rgba(22,40,80,.10);
      --max:1120px;
      --radius:24px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--ink);
      background:var(--bg);
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit}
    button,input{font:inherit}
    .wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}

    /* Aviso de prelanzamiento: misma lógica visual de la página actual, sin navegación. */

    /* Hero */
    .hero{
      position:relative;
      overflow:hidden;
      padding:64px 0 70px;
    }
    .hero:before{
      content:"";
      position:absolute;
      width:680px;height:680px;
      border-radius:50%;
      left:-330px;top:-390px;
      background:radial-gradient(circle,rgba(20,110,245,.08),rgba(20,110,245,0) 68%);
      pointer-events:none;
    }
    .layout{
      position:relative;
      display:grid;
      grid-template-columns:minmax(0,1.04fr) minmax(360px,.72fr);
      gap:74px;
      align-items:center;
    }
    .brand{
      display:inline-flex;
      align-items:baseline;
      gap:9px;
      margin:0 0 24px;
      text-decoration:none;
    }
    .brand-name{
      color:#0b58c7;
      font-size:25px;
      font-weight:820;
      letter-spacing:-.045em;
    }
    .brand-sub{
      color:#79859a;
      font-size:9px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .eyebrow{
      margin:0 0 16px;
      color:#2f6fe4;
      font-size:11px;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    h1 span{color:var(--blue)}
    .hero-lead{
      max-width:630px;
      margin:0;
      color:#667085;
      font-size:19px;
      line-height:1.55;
      letter-spacing:-.018em;
    }
    .hero-lead strong{
      display:block;
      margin-top:8px;
      color:#263244;
      font-weight:700;
    }

    /* Beneficio: simple, sin otra tarjeta pesada. */
    .offer{
      margin-top:28px;
      padding-top:22px;
      border-top:1px solid var(--line);
      max-width:610px;
    }
    .offer-kicker{
      margin:0 0 8px;
      color:#667085;
      font-size:11px;
      font-weight:760;
      letter-spacing:.05em;
      text-transform:uppercase;
    }
    .offer-title{
      margin:0;
      font-size:24px;
      line-height:1.16;
      letter-spacing:-.035em;
      font-weight:720;
    }
    .offer-title strong{color:var(--blue)}
    .offer-meta{
      margin-top:8px;
      color:#8a94a3;
      font-size:11px;
      line-height:1.5;
    }
    .offer-meta a{
      color:#5c7396;
      text-underline-offset:3px;
    }

    /* Formulario: protagonista visual, inspirado en la página publicada. */
    .form-card{
      padding:30px;
      border:1px solid rgba(17,24,39,.07);
      border-radius:24px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    .form-eyebrow{
      margin:0 0 7px;
      color:#2f6fe4;
      font-size:10px;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    .form-intro{
      margin:0 0 22px;
      color:#6f7a8c;
      font-size:14px;
      line-height:1.5;
    }
    .field{
      display:block;
      margin-top:13px;
    }
    .field > span{
      display:block;
      margin:0 0 6px;
      color:#344054;
      font-size:12px;
      font-weight:680;
    }
    input{
      width:100%;
      height:49px;
      border:1px solid #dfe5ec;
      border-radius:12px;
      outline:none;
      background:#fff;
      padding:0 13px;
      color:#111827;
      transition:.18s ease;
    }
    input::placeholder{color:#a3acb9}
    input:focus{
      border-color:#80b2ff;
      box-shadow:0 0 0 4px rgba(20,110,245,.08);
    }

    .phone-box{
      display:flex;
      align-items:center;
      height:49px;
      overflow:hidden;
      border:1px solid #dfe5ec;
      border-radius:12px;
      background:#fff;
      transition:.18s ease;
    }
    .phone-box:focus-within{
      border-color:#80b2ff;
      box-shadow:0 0 0 4px rgba(20,110,245,.08);
    }
    .prefix{
      align-self:stretch;
      display:flex;
      align-items:center;
      padding:0 12px;
      border-right:1px solid #e7ebf1;
      background:#f8fafc;
      color:#4d5a6d;
      font-size:12px;
      font-weight:720;
    }
    .phone-box input{
      height:47px;
      min-width:0;
      border:0;
      border-radius:0;
      box-shadow:none!important;
    }
    .change-country{
      flex:0 0 auto;
      border:0;
      padding:0;
      background:transparent;
      color:#5876a6;
      font-size:9.5px;
      font-weight:700;
      cursor:pointer;
    }
    .country-list{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:5px;
      margin-top:8px;
      padding:7px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fff;
      box-shadow:0 12px 28px rgba(22,40,80,.08);
    }
    .country-list[hidden]{display:none}
    .country-list button{
      border:0;
      border-radius:8px;
      padding:8px 9px;
      background:#f7f9fc;
      color:#4e5a6b;
      text-align:left;
      font-size:10px;
      font-weight:650;
      cursor:pointer;
    }
    .country-list button:hover{background:#edf4ff;color:#1f62c4}

    .consent{
      display:grid;
      grid-template-columns:17px 1fr;
      gap:9px;
      align-items:start;
      margin-top:17px;
      color:#788394;
      font-size:10.5px;
      line-height:1.45;
    }
    .consent input{
      width:16px;height:16px;
      margin:1px 0 0;
      accent-color:var(--blue);
    }
    .consent a{color:#4f668b;text-underline-offset:2px}
    .submit{
      width:100%;
      min-height:50px;
      margin-top:17px;
      border:0;
      border-radius:12px;
      background:var(--blue);
      color:#fff;
      box-shadow:0 9px 20px rgba(20,110,245,.18);
      font-size:13px;
      font-weight:760;
      cursor:pointer;
      transition:.18s ease;
    }
    .submit:hover{background:var(--blue-hover);transform:translateY(-1px)}
    .micro{
      display:flex;
      justify-content:center;
      gap:13px;
      flex-wrap:wrap;
      margin-top:11px;
      color:#8b95a4;
      font-size:9.5px;
    }
    .micro span:before{
      content:"✓";
      margin-right:4px;
      color:var(--green);
      font-weight:850;
    }
    .demo{
      display:none;
      margin-top:12px;
      padding:10px 12px;
      border-radius:10px;
      background:var(--green-soft);
      color:#19734f;
      font-size:11px;
      font-weight:650;
    }
    .demo.show{display:block}

    /* Debajo: editorial, sin tarjetas. */
    .content{
      background:#fff;
      border-top:1px solid var(--line);
    }
    .section{
      padding:72px 0;
    }
    .section + .section{
      border-top:1px solid var(--line);
    }
    .section-head{
      max-width:720px;
      margin-bottom:32px;
    }
    .section-kicker{
      margin-bottom:10px;
      color:#2f6fe4;
      font-size:10px;
      font-weight:800;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .steps{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:32px;
    }
    .step{
      padding-top:14px;
      border-top:1px solid #dfe4eb;
    }
    .step-num{
      color:#2f6fe4;
      font-size:11px;
      font-weight:800;
      letter-spacing:.08em;
    }
    .step h3{
      margin:14px 0 7px;
      font-size:19px;
      letter-spacing:-.025em;
    }
    .step p{
      margin:0;
      color:#758092;
      font-size:13px;
      line-height:1.55;
    }

    .faq-wrap{
      width:min(760px,100%);
      margin-inline:auto;
      display:block;
    }
    .faq-copy p{
      margin:0 0 24px;
      color:#7d8796;
      font-size:13px;
    }
    details{border-bottom:1px solid var(--line)}
    summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      justify-content:space-between;
      gap:18px;
      padding:18px 0;
      font-size:14px;
      font-weight:700;
    }
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";color:#2f6fe4;font-size:18px}
    details[open] summary:after{content:"−"}
    details p{
      margin:0;
      padding:0 34px 19px 0;
      color:#758092;
      font-size:12.5px;
      line-height:1.6;
    }

    .final{
      text-align:center;
      padding:64px 0 70px;
    }
    .final p{
      margin:0 auto;
      max-width:600px;
      color:#748094;
      font-size:14px;
      line-height:1.55;
    }
    .final-cta-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      margin-top:20px;
      padding:0 20px;
      border-radius:12px;
      background:var(--blue);
      color:#fff;
      text-decoration:none;
      font-size:13px;
      font-weight:760;
      box-shadow:0 9px 20px rgba(20,110,245,.18);
    }
    .terms{
      max-width:760px;
      margin:42px auto 0;
      color:#98a1ae;
      font-size:10.5px;
      line-height:1.6;
    }
    .terms a{color:#71809a;text-underline-offset:2px}

    @media(max-width:900px){
      .hero{padding:56px 0 64px}
      .layout{grid-template-columns:1fr;gap:42px}
      .brand{margin-bottom:30px}
      .form-card{max-width:620px}
      .faq-wrap{grid-template-columns:1fr;gap:24px}
    }

    @media(max-width:640px){
      .wrap{width:min(var(--max),calc(100% - 28px))}
      .hero{padding:34px 0 48px}
      .layout{gap:24px}
      .brand{margin-bottom:18px}
      .brand-name{font-size:22px}
      .brand-sub{font-size:8px}
      .eyebrow{font-size:10px;margin-bottom:12px}
      .hero-lead{font-size:16px;line-height:1.5}
      .hero-lead strong{margin-top:6px}
      .offer{margin-top:20px;padding-top:20px}
      .offer-title{font-size:21px}
      .form-card{padding:21px;border-radius:20px}
      .form-intro{font-size:13px;margin-bottom:16px}
      .benefit-line{margin-bottom:14px;padding:9px 10px}
      .benefit-line strong{font-size:11px}
      .benefit-line span{font-size:10px}
      .field{margin-top:10px}
      input,.phone-box{height:45px}
      .phone-box input{height:43px}
      .change-country{margin-top:3px}
      .country-list{grid-template-columns:1fr}
      .consent{margin-top:12px;font-size:9.5px}
      .submit{min-height:47px;margin-top:12px}
      .section{padding:54px 0}
      .section-head{margin-bottom:24px}
      .steps{grid-template-columns:1fr;gap:22px}
      .final{padding:54px 0 58px}
      .final-cta-link{width:100%}
      .terms{margin-top:32px}
    }

    @media(prefers-reduced-motion:reduce){
      *{scroll-behavior:auto!important;transition:none!important}
    }

/* Production form states and native international phone selector. */
.brand img{display:block;max-width:100%;height:auto}
.label-row{margin-bottom:6px}.label-row label{font-size:12px;font-weight:680;color:#344054}
.phone-country{align-self:stretch;max-width:112px;flex-shrink:0}.phone-country label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.phone-country select{height:100%;width:112px;border:0;border-right:1px solid var(--line);background:#f8fafc;padding:0 8px;color:#4d5a6d;font:inherit;font-size:12px}
.field-help{color:#667085;font-size:11px;line-height:1.5;margin:7px 0 0}
.ea-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.ea-errors{background:#fff0ed;color:#9b2920;padding:12px;border-radius:12px;margin-bottom:18px;font-size:14px}.ea-errors ul{padding-left:20px;margin:0}
.form-step[hidden]{display:none}.step-title,.confirmation h3{font-size:28px;line-height:1.1;margin:0 0 14px;letter-spacing:-.035em}.step-copy,.confirmation p{font-size:15px;line-height:1.5;color:var(--muted)}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice,.secondary-btn{min-height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;padding:10px}.choice:hover,.secondary-btn:hover{background:var(--blue-soft)}.secondary-btn{width:100%;margin-top:12px}
.success-mark{color:var(--green);background:var(--green-soft);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;margin-bottom:16px;font-size:24px}
:focus-visible{outline:3px solid #146ef5;outline-offset:3px}.form-card{scroll-margin-top:24px}.submit[aria-disabled=true]{opacity:.7}
/* Improve readability over the prototype's tiny, low-contrast helper text. */
.consent{font-size:12px;color:#586577}.micro{font-size:11px;color:#667085}.offer-meta,.terms{font-size:12px;color:#667085}.steps .step p,details p{font-size:14px;color:#667085}
@media(max-width:640px){.consent{font-size:12px}.choices{grid-template-columns:1fr}}

.hero-mobile-cta{display:none}
@media(max-width:640px){
  .hero-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:18px;padding:0 18px;border-radius:12px;background:var(--blue);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
}