/* ── LANDING · conversión (2026-10-15): demo de flujo, asistentes, confianza, consentimiento ──
   Reusa la paleta del landing (#16203a texto, #0ab89c/#00d4a6 menta, cajas navy #12244a→#0e1c3b). */

/* Hero */
.hd-soon{font-style:normal;font-size:.46rem;letter-spacing:.08em;margin-left:4px;padding:1px 5px;border-radius:100px;background:rgba(255,255,255,.12);opacity:.85;}
.hd-note{margin-top:12px;text-align:center;font-size:.68rem;color:#7a8398;}
.htitle{text-wrap:balance;}
.hguarantee{flex-wrap:wrap;justify-content:center;gap:4px 14px;}

/* Botones reutilizables dentro de secciones */
.lbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px;}
.lbtn-link{background:none;border:none;padding:6px 2px;cursor:pointer;font-family:"Inter",sans-serif;font-size:.86rem;font-weight:700;color:#08856f;text-decoration:underline;text-underline-offset:3px;}
.lbtn-link:hover{color:#16203a;}

/* Cómo funciona — flujo de una conversación */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;counter-reset:fl;}
.flow-step{background:linear-gradient(160deg,#12244a,#0e1c3b);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:22px 20px 20px;box-shadow:0 1px 2px rgba(9,18,40,.25),0 14px 34px rgba(9,18,40,.22);display:flex;flex-direction:column;gap:14px;}
.flow-k{font-family:"Inter",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4fe0c0;}
.flow-t{font-family:"Inter",sans-serif;font-size:1.02rem;font-weight:800;color:#fff;line-height:1.3;}
.flow-d{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.55;margin-top:auto;}
.flow-mock{background:#0b141a;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:150px;border:1px solid rgba(255,255,255,.06);}
.fb{max-width:88%;font-size:.76rem;line-height:1.45;padding:7px 10px;border-radius:10px;color:#e9edef;}
.fb-in{background:#202c33;align-self:flex-start;border-top-left-radius:3px;}
.fb-out{background:#005c4b;align-self:flex-end;border-top-right-radius:3px;}
.fb-who{display:block;font-size:.58rem;font-weight:700;opacity:.6;margin-bottom:2px;}
.crm-row{display:flex;justify-content:space-between;gap:10px;font-size:.74rem;padding:6px 2px;border-bottom:1px dashed rgba(255,255,255,.08);color:rgba(255,255,255,.55);}
.crm-row:last-child{border-bottom:none;}
.crm-row b{color:#fff;font-weight:600;text-align:right;}
.crm-pill{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(10,184,156,.22);color:#4fe0c0;}
.tl{display:flex;flex-direction:column;gap:10px;}
.tl-i{display:flex;gap:10px;align-items:flex-start;font-size:.76rem;color:rgba(255,255,255,.72);line-height:1.45;}
.tl-ic{width:24px;height:24px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;background:rgba(255,255,255,.07);}
.flow-note{text-align:center;margin-top:20px;font-size:.78rem;color:#7a8398;line-height:1.6;}

/* Módulos / asistentes: estado y precio dentro de .fcell */
.fcell-res{font-size:.76rem;color:#4fe0c0;line-height:1.5;margin-top:10px;}
.fcell-res b{font-weight:700;}
.fcell-act{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.fcell-price{font-family:"Inter",sans-serif;font-size:.74rem;color:rgba(255,255,255,.5);}
.fcell-price b{color:#fff;font-size:.95rem;}
.fcell-btn{padding:9px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#0ab89c,#00d4a6);color:#04241d;font-family:"Inter",sans-serif;font-size:.76rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.fcell-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(10,184,156,.3);}
.asgrid{grid-template-columns:repeat(2,1fr);}
.soon-line{text-align:center;margin-top:22px;font-size:.8rem;color:#7a8398;line-height:1.6;}
.soon-line b{color:#41506b;}

/* Pasos (reusa .steps/.step) */
.steps .step-n{color:#4fe0c0;}

/* Confianza */
.nilo-box{max-width:760px;margin:40px auto 0;display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:20px;background:#fff;border:1px solid rgba(23,32,58,.09);box-shadow:0 1px 2px rgba(23,32,58,.04),0 10px 26px rgba(23,32,58,.05);}
.nilo-box .nring{flex-shrink:0;width:42px;height:42px;}
.nilo-t{font-family:"Inter",sans-serif;font-weight:800;color:#16203a;font-size:.98rem;margin-bottom:4px;}
.nilo-d{font-size:.8rem;color:#55607a;line-height:1.6;}
.proof-box{max-width:760px;margin:16px auto 0;text-align:center;padding:18px 22px;border-radius:16px;border:1px dashed rgba(23,32,58,.18);font-size:.8rem;color:#55607a;line-height:1.6;}
.proof-box b{color:#16203a;}

/* Precios */
.pincl{max-width:720px;margin:26px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;}
.pincl span{font-size:.76rem;color:#41506b;background:#fff;border:1px solid rgba(23,32,58,.1);border-radius:100px;padding:6px 12px;}
.ptrial{max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6;}

/* CTA móvil: se esconde mientras un CTA principal está en pantalla */
@media(max-width:760px){
  .mcta{transition:transform .25s ease,opacity .25s ease;}
  .mcta.mcta-hide{transform:translateY(110%);opacity:0;pointer-events:none;}
  .flow,.asgrid{grid-template-columns:1fr;}
  .nilo-box{flex-direction:column;text-align:center;}
  .lbtns .btn-hm,.lbtns .btn-hs{width:100%;}
  .hstats{flex-wrap:nowrap;gap:12px;justify-content:center;}
  .hst-v{font-size:1.02rem;}
  .hst-l{font-size:.5rem;letter-spacing:.03em;}
}
@media(max-width:900px){ .flow{grid-template-columns:1fr;} }

/* Consentimiento de medición (solo aparece si hay Pixel configurado) */
#aura-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9600;max-width:560px;margin:0 auto;background:#0e1c3b;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.76rem;line-height:1.5;box-shadow:0 18px 40px rgba(9,18,40,.35);}
#aura-consent p{flex:1 1 260px;margin:0;}
#aura-consent button{border-radius:10px;padding:8px 14px;font-family:"Inter",sans-serif;font-weight:700;font-size:.76rem;cursor:pointer;}
#aura-consent .ac-yes{border:none;background:linear-gradient(135deg,#0ab89c,#00d4a6);color:#04241d;}
#aura-consent .ac-no{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;}
@media(max-width:760px){ #aura-consent{bottom:calc(84px + env(safe-area-inset-bottom));} }

/* Precios: 3 tarjetas (Mensual · Anual · Atlas) en escritorio. En móvil sigue el carrusel de st03. */
@media(min-width:901px){ .pgrid{grid-template-columns:repeat(3,minmax(0,320px));} }