/* ============================================================
   Ficha de contato (bottom-sheet) — Luiz Felipe Fijalkowski
   Mesma estrutura das outras páginas do CRM, com os tokens DESTE
   site (--paper, --ink-900, --text, --muted, --line, --bone,
   --steel-500, Instrument Serif e Inter Tight). Cantos retos como
   o resto do site. O botão reusa `.btn` (grafite) do próprio site.
   ============================================================ */
.ct-fundo{position:fixed;inset:0;z-index:300;background:rgba(12,13,15,.62);
  display:flex;align-items:flex-end;justify-content:center;padding:0}
.ct-fundo.hidden{display:none}
.ct-folha{position:relative;width:100%;max-width:460px;background:var(--paper,#F4F2ED);
  border-radius:6px 6px 0 0;padding:1.1rem 1.4rem 1.6rem;
  box-shadow:0 -14px 40px -18px rgba(12,13,15,.6);animation:ct-sobe .22s ease-out}
@keyframes ct-sobe{from{transform:translateY(16px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ct-folha{animation:none}}
.ct-alca{width:38px;height:4px;border-radius:2px;background:var(--line,#DFDAD1);margin:0 auto .9rem}
.ct-fechar{position:absolute;top:.5rem;right:.7rem;min-width:44px;min-height:44px;
  background:none;border:0;font-size:1.6rem;line-height:1;color:var(--muted,#565D65);
  cursor:pointer;touch-action:manipulation}
.ct-titulo{font-family:var(--f-display,"Instrument Serif",Georgia,serif);font-size:1.7rem;font-weight:400;
  line-height:1.1;color:var(--ink-900,#131518);margin:0 0 .3rem}
.ct-sub{font-family:var(--f-body,"Inter Tight",system-ui,sans-serif);font-size:.95rem;color:var(--muted,#565D65);
  margin:0 0 1rem;line-height:1.45}
/* usado pela ficha E pelo formulário da página (#fp-erro) */
.ct-erro{background:#F6E6E3;color:#7E2A20;border-radius:2px;padding:.6rem .8rem;
  font-size:.9rem;margin-bottom:.8rem;line-height:1.4}
.ct-erro.hidden{display:none}
.ct-campo{margin-bottom:.85rem}
.ct-campo label{display:block;font-family:var(--f-body,"Inter Tight",system-ui,sans-serif);font-size:.9rem;
  font-weight:600;color:var(--text,#1B1E22);margin-bottom:.3rem}
.ct-campo input{width:100%;min-height:52px;padding:.75rem .9rem;font-family:var(--f-body,"Inter Tight",system-ui,sans-serif);
  font-size:1rem;color:var(--text,#1B1E22);background:#fff;
  border:1px solid var(--bone-2,#D8D2C7);border-radius:2px}
.ct-campo input::placeholder{color:var(--steel-500,#7C858E)}
.ct-campo input:focus{outline:3px solid rgba(82,90,99,.3);outline-offset:2px;border-color:var(--ink-700,#2C3137)}
/* o botão reusa .btn do site (grafite, 52px); aqui só largura e visibilidade */
.ct-folha .ct-enviar{display:flex;width:100%;min-height:52px;margin-top:.2rem}
.ct-nota{font-family:var(--f-body,"Inter Tight",system-ui,sans-serif);font-size:.78rem;color:var(--muted,#565D65);
  margin:.7rem 0 0;text-align:center;line-height:1.45}
/* o seletor de países do intl-tel-input precisa caber na largura do campo */
.ct-campo .iti{width:100%}
@media(min-width:560px){
  .ct-fundo{align-items:center;padding:1.5rem}
  .ct-folha{border-radius:6px}
}