.thank-you{
    --ty-navy:#013A53;
    --ty-navy-deep:#012a3d;
    --ty-cream:#F8F5EF;
    --ty-gold:#C9A227;
    --ty-gold-light:#E3C878;
    --ty-white:#FFFFFF;
    --ty-ink:#0C2733;
    font-family:'Inter', sans-serif;
    color:var(--ty-ink);
    -webkit-font-smoothing:antialiased;
  }
  .thank-you *{ box-sizing:border-box; }
  .thank-you a{ color:inherit; text-decoration:none; }

  /* ---------- Contenedor compartido: garantiza el MISMO ancho en ambas secciones ---------- */
  .thank-you .ty-container{
    max-width:1180px;
    width:100%;
    margin:0 auto;
    padding:0 clamp(20px,6vw,72px);
    position:relative;
    z-index:2;
  }

  /* ---------- Hero ---------- */
  .thank-you .ty-hero{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
      radial-gradient(ellipse 900px 500px at 85% 10%, rgba(201,162,39,0.12), transparent 60%),
      linear-gradient(160deg, var(--ty-navy) 0%, var(--ty-navy-deep) 100%);
    overflow:hidden;
    /* 48px de aire propio del hero + 110px para compensar el header fijo,
       así el azul arranca en y:0 (detrás del header) pero el texto baja lo necesario. */
    padding:158px 0 90px;
  }
  @media (max-width:640px){
    .thank-you .ty-hero{ padding-top:128px; }
  }
  .thank-you .ty-hero::after{
    content:"";
    position:absolute;
    left:-8%; bottom:-32%;
    width:520px; height:520px;
    border-radius:50%;
    border:1px solid rgba(201,162,39,0.14);
  }
  .thank-you .ty-hero::before{
    content:"";
    position:absolute;
    left:4%; bottom:-10%;
    width:340px; height:340px;
    border-radius:50%;
    border:1px solid rgba(201,162,39,0.22);
  }
  .thank-you .ty-eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-family:'Poppins', sans-serif;
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:var(--ty-gold);
    font-weight:600;
    margin-bottom:22px;
  }
  .thank-you .ty-eyebrow::before{ content:""; width:22px; height:1px; background:var(--ty-gold); }
  .thank-you .ty-hero .ty-eyebrow{ color:var(--ty-gold); }
  .thank-you .ty-hero .ty-eyebrow::before{ background:var(--ty-gold); }

  .thank-you .ty-hero-title{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:clamp(34px,5.5vw,54px);
    line-height:1.12;
    color:var(--ty-white);
    margin:0 0 24px;
    letter-spacing:-0.5px;
  }
  .thank-you .ty-hero-title em{ color:var(--ty-gold); font-style:normal; }

  .thank-you .ty-hero-lead{
    font-size:16.5px;
    line-height:1.75;
    color:rgba(255,255,255,0.7);
    max-width:480px;
    margin:0;
  }

  .thank-you .ty-hero-actions{ margin-top:38px; display:flex; gap:16px; flex-wrap:wrap; }

  .thank-you .ty-btn{
    display:inline-flex; align-items:center; gap:9px;
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:14px;
    padding:15px 32px;
    border-radius:999px;
    transition:background .2s ease, transform .2s ease, color .2s ease, border-color .2s ease;
  }
  .thank-you .ty-btn-gold{ background:var(--ty-gold); color:var(--ty-navy); }
  .thank-you .ty-btn-gold:hover{ background:var(--ty-gold-light) !important; transform:translateY(-1px); }
  .thank-you .ty-btn-gold svg{ width:16px; height:16px; }
  .thank-you .ty-btn-ghost{ color:var(--ty-white); border:1px solid rgba(255,255,255,0.3); }
  .thank-you .ty-btn-ghost:hover{ border-color:var(--ty-white); }

  /* ---------- Qué sigue ---------- */
  .thank-you .ty-next{ padding:96px 0; max-width:none; }
  .thank-you .ty-next-head{ max-width:520px; margin-bottom:52px; }
  .thank-you .ty-next-head .ty-eyebrow{ color:var(--ty-navy); opacity:0.55; }
  .thank-you .ty-next-head .ty-eyebrow::before{ background:var(--ty-navy); opacity:0.55; }
  .thank-you .ty-next-head h2{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:clamp(24px,3vw,32px);
    color:var(--ty-navy);
    line-height:1.3;
    margin:0;
  }

  .thank-you .ty-steps-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
  }
  @media (max-width:860px){
    .thank-you .ty-steps-grid{ grid-template-columns:1fr; }
  }

  .thank-you .ty-step-card{
    background:var(--ty-white);
    border-radius:14px;
    padding:32px 26px;
    border:1px solid rgba(1,58,83,0.08);
  }
  .thank-you .ty-step-num{
    font-family:'Poppins', sans-serif;
    font-size:13px;
    font-weight:700;
    color:var(--ty-gold);
    letter-spacing:1px;
    margin:0 0 16px;
  }
  .thank-you .ty-step-card h3{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:18px;
    color:var(--ty-navy);
    margin:0 0 10px;
  }
  .thank-you .ty-step-card p{
    font-size:13.5px;
    line-height:1.65;
    color:rgba(12,39,51,0.6);
    margin:0;
  }