/* Mahanse — páginas del embudo (apply-form, calendario, call-booked) y contacto (Plan 3, 10-10).
   Va DESPUÉS de mahanse.css, que pone tokens, cabecera, pie, botones, Cielo, Chispa y reseñas. Escrito a mano (inc/).
   Capas: @pagina:embudo. Superficies con --chapa (K04), titulares centrados con subtítulo (K08), ningún verde (K03). */
  /* @pagina:embudo */

  /* En el embudo la cabecera no repite "Book a free call": ya estás dentro */
  .m-embudo header.bar>.btn{visibility:hidden}

  /* ===== cabecera de página ===== */
  .pg-hero{padding-top:clamp(132px,15vw,196px);padding-bottom:clamp(36px,5vw,64px);text-align:center;isolation:isolate}
  .pg-hero>.cielo{-webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 40%,#000 0%,rgba(0,0,0,.5) 55%,transparent 100%);
    mask-image:radial-gradient(ellipse 70% 62% at 50% 40%,#000 0%,rgba(0,0,0,.5) 55%,transparent 100%)}
  .pg-hero .in{max-width:820px;margin:0 auto}
  .pg-hero .kick{display:table;margin:0 auto var(--s4)}
  .pg-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;text-wrap:balance}
  .pg-hero .lead{margin:var(--s3) auto 0;max-width:54ch;font-size:clamp(15.5px,1.4vw,18px);line-height:1.65;text-wrap:pretty}

  .pg-cuerpo{padding-top:0;padding-bottom:clamp(72px,9vw,132px)}

  /* ===== los tres pasos ===== */
  .pg-pasos{list-style:none;margin:0 auto var(--s4);padding:0;max-width:860px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .pg-pasos li{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:9999px;font-size:14px;line-height:1.3;color:var(--soft);
    background:rgba(20,28,38,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .pg-pasos .n{color:var(--niebla)}
  .pg-pasos .ico{width:17px;height:17px;color:var(--niebla)}
  .pg-pasos li[aria-current]{color:#fff;box-shadow:inset 0 0 0 1px rgba(143,197,214,.5)}
  .pg-pasos li[aria-current] .n,.pg-pasos li[aria-current] .ico{color:var(--senal)}

  /* ===== la caja: formulario, calendario o WhatsApp ===== */
  .pg-caja{max-width:860px;margin:0 auto;border-radius:20px;padding:clamp(14px,2.4vw,28px);background:var(--chapa);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.8)}
  .pg-caja--form iframe{display:block;min-height:1023px;border-radius:12px}
  .pg-caja--cal iframe{display:block;min-height:640px;border-radius:12px}
  .pg-caja--cal br{display:none}

  .pg-nota{max-width:60ch;margin:var(--s4) auto 0;text-align:center;font-size:14.5px;color:var(--soft)}
  .pg-nota a{color:#fff;text-decoration:underline;text-decoration-color:rgba(143,197,214,.6);text-underline-offset:3px}

  .pg-avisos{max-width:860px;margin:var(--s4) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
  .pg-avisos p{display:flex;gap:12px;align-items:flex-start;margin:0;max-width:none;font-size:14.5px;line-height:1.6}

  /* WhatsApp de /call-booked/ */
  .pg-wa{max-width:620px;text-align:center;padding:clamp(28px,4vw,48px)}
  .pg-wa .mn{color:var(--niebla);display:block;margin-bottom:var(--s2)}
  .pg-frase{margin:0 auto var(--s4);max-width:none;font-family:var(--disp);font-style:italic;font-size:clamp(21px,2.2vw,27px);line-height:1.35;color:#fff}
  .pg-wa .pg-nota{margin-top:var(--s3)}

  /* ===== reseñas (las de la home, en una fila de tres) ===== */
  .pg-resenas{padding-top:0}
  .pg-resenas .mid{margin-bottom:clamp(48px,6vw,84px)}
  .pg-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);align-items:start}

  /* ===== contacto ===== */
  .pg-duo{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s2);align-items:start}
  .pg-canales{display:grid;gap:var(--s2)}
  .pg-canal{display:block;padding:var(--s3) var(--s4);border-radius:18px;background:var(--chapa);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    transition:transform .5s cubic-bezier(.2,.7,.2,1)}
  .pg-canal:hover{transform:translateY(-2px)}
  .pg-canal .mn{display:block;color:var(--niebla);margin-bottom:6px}
  .pg-canal b{font-weight:400;font-family:var(--disp);font-size:clamp(19px,1.8vw,23px);color:#fff;word-break:break-word}
  .pg-llamada{margin:0;padding:var(--s4)}
  .pg-llamada .h3{display:block;font-size:clamp(20px,2vw,26px);line-height:1.15;margin-bottom:var(--s2)}
  .pg-llamada p{font-size:14.5px;line-height:1.65;margin-bottom:var(--s3)}

  .pg-form{margin:0;padding:clamp(24px,3.4vw,40px);display:grid;gap:var(--s3)}
  .pg-form label{display:grid;gap:8px}
  .pg-form .mn{color:var(--soft)}
  .pg-form input,.pg-form textarea{width:100%;font:inherit;font-size:16px;color:#fff;background:rgba(7,9,12,.55);border:0;border-radius:12px;
    padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .25s ease}
  .pg-form textarea{resize:vertical;min-height:150px}
  .pg-form input:focus,.pg-form textarea:focus{outline:0;box-shadow:inset 0 0 0 1px var(--senal)}
  .pg-form .btn{justify-self:start}
  .pg-form .trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
  .pg-estado{margin:0;max-width:none;padding:14px 16px;border-radius:12px;font-size:14.5px;color:#fff;box-shadow:inset 0 0 0 1px rgba(143,197,214,.5)}
  .pg-estado.ko{box-shadow:inset 0 0 0 1px rgba(217,190,134,.6)}

  @media (max-width:880px){
    /* en el móvil, los tres pasos en una fila compacta: que el formulario quede cerca */
    .pg-pasos{gap:6px;margin-bottom:var(--s3)}
    .pg-pasos li{flex-direction:column;justify-content:center;gap:4px;padding:10px 6px;border-radius:14px;font-size:12px;text-align:center}
    .pg-pasos .ico{display:none}
    .pg-avisos,.pg-duo{grid-template-columns:1fr}
    .pg-wall{grid-template-columns:1fr;max-width:560px;margin:0 auto}
    .pg-caja--form iframe{min-height:1150px}
  }