/* ============================================================
   Ficha de contato (bottom-sheet) do Dr. Lester Otomuro
   Mesma estrutura das outras clínicas do CRM, com os tokens DESTA página
   (--marfim, --tinta-*, --linha, --suave, --texto, --ouro*, --f-titulo Fraunces,
   --f-texto Inter). O botão é o `.btn` do site (fundo tinta, texto marfim).
   ============================================================ */
.ct-fundo{position:fixed;inset:0;z-index:300;background:rgba(14,13,12,.6);
  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(--marfim,#FBF8F1);
  border-radius:22px 22px 0 0;padding:1.1rem 1.4rem 1.6rem;
  box-shadow:0 -14px 40px -18px rgba(22,20,18,.55);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(--linha,#E6DECF);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(--suave,#5E5850);
  cursor:pointer;touch-action:manipulation}
.ct-titulo{font-family:var(--f-titulo,Georgia,serif);font-size:1.45rem;font-weight:400;
  line-height:1.15;color:var(--tinta-11,#161412);margin:0 0 .25rem;padding-right:2.4rem}
.ct-sub{font-family:var(--f-texto,system-ui,sans-serif);font-size:.95rem;color:var(--suave,#5E5850);
  margin:0 0 1rem;line-height:1.45}
.ct-erro{background:#FBEBE7;color:#8C2E23;border-radius:10px;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-texto,system-ui,sans-serif);font-size:.9rem;
  font-weight:600;color:var(--texto,#221F1C);margin-bottom:.3rem}
.ct-campo input{width:100%;min-height:52px;padding:.75rem .9rem;font-family:var(--f-texto,system-ui,sans-serif);
  font-size:1rem;color:var(--texto,#221F1C);background:#fff;
  border:1.5px solid rgba(34,31,28,.25);border-radius:12px}
.ct-campo input::placeholder{color:rgba(94,88,80,.65)}
.ct-campo input:focus{outline:3px solid rgba(184,149,90,.35);outline-offset:2px;border-color:var(--ouro-texto,#7A5C28)}
.ct-enviar{width:100%;min-height:52px;flex:none}
.ct-nota{font-family:var(--f-texto,system-ui,sans-serif);font-size:.78rem;color:var(--suave,#5E5850);
  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:22px}
}
