/* Modal "Comece seus 15 dias grátis": cadastro em dois passos (dados → plano) e tela de confirmação. */

.trial-overlay{position:fixed;inset:0;z-index:100;background:rgba(13,13,13,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.trial-modal{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;color:#0D0D0D;border-radius:20px;padding:40px;box-sizing:border-box;box-shadow:0 30px 90px rgba(0,0,0,.35);outline:none}
.trial-bar{display:none;position:sticky;top:0;z-index:3;align-items:center;justify-content:space-between;gap:12px;height:56px;margin:0 -20px;padding:0 12px 0 20px;background:#fff;border-bottom:1px solid #E5E5E5}
.trial-bar-title{font-family:Manrope,sans-serif;font-weight:700;font-size:15px}
.btn-close-light{width:38px;height:38px;border-radius:50%;border:none;background:#F5F5F5;color:#0D0D0D;font-size:22px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.btn-close-light:hover{background:#E5E5E5}
.trial-x{position:absolute;top:14px;right:14px}
.trial-head{margin:0 0 26px;padding-right:40px}
.trial-title{font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-0.02em;line-height:1.15;margin:0 0 8px}
.trial-lead{font-size:15px;line-height:1.6;color:#525252;margin:0}

/* ===== Formulário ===== */
.trial-form{position:relative;display:flex;flex-direction:column;gap:20px}
.trial-step{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field-group{display:flex;flex-direction:column;gap:7px}
.field-label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}
.field{width:100%;box-sizing:border-box;background:#fff;border:1px solid #E5E5E5;border-radius:10px;padding:13px 14px;font-size:15px;font-weight:400;color:#0D0D0D;outline:none}
.field:focus{border-color:#0D0D0D}
.field[aria-invalid="true"]{border-color:#C93D26}
.field-error{font-size:13px;font-weight:400;line-height:1.45;color:#C93D26}
.field-help{font-size:13px;line-height:1.5;color:#8A8A8A}
.slug-box{display:flex;align-items:center;background:#fff;border:1px solid #E5E5E5;border-radius:10px;padding:0 14px;font-family:'JetBrains Mono',monospace;font-size:14.5px;cursor:text}
.slug-box:focus-within{border-color:#0D0D0D}
.slug-box.is-bad{border-color:#C93D26}
.slug-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:13px 0;font-family:'JetBrains Mono',monospace;font-size:14.5px;color:#0D0D0D}
.slug-suffix{flex:none;color:#8A8A8A}
.btn-continue{height:56px;box-sizing:border-box;border:none;border-radius:12px;background:#E0492F;color:#fff;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;box-shadow:0 8px 24px rgba(224,73,47,.25)}
.btn-continue:hover{background:#C93E26}

/* ===== Passo 2: resumo, plano, aceite ===== */
.trial-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #E5E5E5;border-radius:14px;background:#FAFAFA}
.trial-summary-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.trial-summary-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:#8A8A8A}
.trial-summary-name{font-family:Manrope,sans-serif;font-weight:800;font-size:16px;color:#0D0D0D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trial-summary-contact{font-size:13.5px;color:#525252;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-outline{align-self:flex-start;background:#fff;border:1px solid #E5E5E5;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;color:#0D0D0D;cursor:pointer}
.btn-outline:hover{border-color:#0D0D0D}
.btn-outline--pill{flex:none;align-self:auto;border-radius:999px;padding:8px 14px;font-size:13px}
.plan-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.plan-chip{position:relative;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;background:#FFFFFF;border:1px solid #E5E5E5;border-radius:14px;padding:16px 16px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;color:#0D0D0D;outline:none}
.plan-chip:focus-visible{outline:2px solid #0D0D0D;outline-offset:2px}
.plan-chip[aria-pressed="true"]{background:linear-gradient(180deg,#FFF8F4 0%,#FFFFFF 70%);border:1.5px solid #E0492F;padding:15.5px 15.5px 13.5px;box-shadow:0 12px 32px rgba(224,73,47,.14),inset 0 1px 0 #fff}
.plan-chip-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan-chip-name{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-0.01em;color:#0D0D0D;transition:color .18s ease}
.plan-chip-dot{width:18px;height:18px;border-radius:50%;box-sizing:border-box;border:1.5px solid #D4D4D4;display:flex;align-items:center;justify-content:center;flex:none;transition:border-color .18s ease}
.plan-chip-dot>span{width:8px;height:8px;border-radius:50%;background:#E0492F;transform:scale(0);transition:transform .18s ease}
.plan-chip[aria-pressed="true"] .plan-chip-name{color:#E0492F}
.plan-chip[aria-pressed="true"] .plan-chip-dot{border-color:#E0492F}
.plan-chip[aria-pressed="true"] .plan-chip-dot>span{transform:scale(1)}
.plan-chip-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:#8A8A8A;font-weight:400}
.plan-chip-price{display:flex;align-items:baseline;gap:4px;margin-top:4px}
.plan-chip-price>strong{font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-0.02em;color:#0D0D0D}
.plan-chip-price>span{font-weight:400;font-size:13px;color:#525252}
.plan-chip-users{display:flex;align-items:center;gap:6px;padding-top:12px;margin-top:4px;border-top:1px solid #EFE7E2;font-weight:500;font-size:12.5px;color:#525252}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#525252;cursor:pointer;margin-top:10px}
.consent input{width:17px;height:17px;margin:2px 0 0;accent-color:#161616;flex:none}
.consent a{color:#E0492F;text-decoration:underline}
.alert{border:1px solid #F3C5D4;background:#FDF1F5;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.55;color:#B4264F}
.trial-submit{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#E0492F;color:#fff;border:none;border-radius:10px;padding:16px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s ease}
.btn-submit:disabled{cursor:not-allowed;opacity:.45}
.btn-submit.is-sending{cursor:default;opacity:.75}
/* Depois de uma falha, o WhatsApp vira a ação principal e "Tentar de novo" fica secundário. */
.btn-submit--secondary{background:#fff;color:#0D0D0D;box-shadow:inset 0 0 0 1px #E5E5E5}
.btn-submit--secondary:hover{box-shadow:inset 0 0 0 1px #0D0D0D}
/* Verde do WhatsApp com texto escuro, como no whatsapp.com: com texto branco o contraste seria 1,98 (ilegível). */
.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:#111B21;border-radius:10px;padding:16px 20px;font-size:16px;font-weight:600}
.btn-whatsapp:hover{background:#1EBE5D;color:#111B21}
.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite;flex:none}
.trial-note{font-size:13px;color:#8A8A8A;margin:0;text-align:center}

/* ===== Confirmação ===== */
.trial-success{display:flex;flex-direction:column;gap:18px}
.trial-success-title{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(24px,3vw,30px);letter-spacing:-0.02em;margin:0}
.trial-success-text{font-size:16px;line-height:1.65;color:#525252;margin:0}
.trial-success-strong{font-weight:600;color:#0D0D0D}
.trial-success-mono{font-family:'JetBrains Mono',monospace;font-size:14.5px;color:#0D0D0D}
.trial-success-help{font-size:14px;color:#525252;margin:0}
.onb-frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#161616;border:1px solid #E5E5E5}
.onb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.onb-play{position:absolute;inset:0;z-index:2;border:none;padding:0;background:rgba(17,17,17,.25);cursor:pointer;display:flex;align-items:center;justify-content:center}
.play-dot{width:64px;height:64px;border-radius:50%;background:#E0492F;box-shadow:0 8px 24px rgba(224,73,47,.35);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}
.onb-play:hover .play-dot{transform:scale(1.06)}
.link-ink{color:#0D0D0D;text-decoration:underline}
.link-ink:hover{color:#E0492F}

/* ===== Celular: modal em tela cheia com barra fixa e botão de envio grudado no rodapé ===== */
@media(max-width:640px){
  #trial-overlay{padding:0;align-items:stretch}
  #trial-modal{max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:0 20px 20px}
  #trial-bar{display:flex}
  #trial-x{display:none}
  #trial-head,#trial-success{padding-top:22px}
  #trial-submit{position:sticky;bottom:0;background:#fff;margin:0 -20px -20px;padding:12px 20px 16px;border-top:1px solid #E5E5E5;z-index:2}
  .form-row{grid-template-columns:1fr}
}