/* lp.css — o que a LP acrescenta ao design da designer: avisos dos formulários e o
   aviso de cookies. Usa os tokens --fs-* que cada página define no :root. */

/* ── Avisos por campo (validação em JS, lp-forms) ─────────────────────── */
.f-err{display:block;margin-top:8px;font-size:14px;font-weight:600;line-height:1.4;color:var(--fs-alert,#C0392B)}
.f-warn{display:block;margin-top:8px;font-size:14px;font-weight:600;line-height:1.4;color:#8A5A00}
.is-invalid .field{border-color:var(--fs-alert,#C0392B);box-shadow:0 0 0 3px rgba(192,57,43,.14)}
.is-invalid .opt{border-color:rgba(192,57,43,.55)}
.check.is-invalid input{outline:2px solid var(--fs-alert,#C0392B);outline-offset:2px}

/* ── Aviso de cookies ─────────────────────────────────────────────────────
   Fica por cima de tudo (o modal do formulário está em z-index 100): nada vai para a
   Meta antes de a pessoa escolher. Aceitar e Recusar têm o mesmo tamanho e peso. */
.ck{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:200;
  max-width:560px;margin:0 auto;padding:18px 20px;background:#fff;color:var(--fs-ink,#0F2A4A);
  border:1px solid var(--fs-line,#E3E8EF);border-radius:var(--r-lg,20px);box-shadow:0 18px 44px rgba(15,42,74,.18);
  font-family:var(--font,system-ui,sans-serif);font-size:15px;line-height:1.5}
.ck__title{margin:0 0 6px;font-size:16px;font-weight:700}
.ck__text{margin:0}
.ck__text a{color:var(--fs-blue,#0062AC);font-weight:600}
.ck__btns{display:flex;gap:10px;margin-top:14px}
.ck__btn{flex:1 1 0;min-height:46px;padding:10px 16px;border-radius:var(--r-pill,999px);font:700 15px/1.2 var(--font,system-ui,sans-serif);cursor:pointer;
  border:1.5px solid var(--fs-blue,#0062AC)}
.ck__btn--ghost{background:#fff;color:var(--fs-blue,#0062AC)}
.ck__btn--primary{background:var(--fs-blue,#0062AC);color:#fff}
.ck__btn:hover{filter:brightness(1.06)}
.ck__btn:focus-visible{outline:3px solid rgba(0,112,192,.4);outline-offset:2px}
@media (max-width:480px){
  .ck{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:14px 16px;font-size:14px}
  .ck__title{font-size:15px;margin-bottom:4px}
  .ck__btns{margin-top:12px}
  .ck__btn{min-height:44px;font-size:14px}
}