/* Identidade visual da ação Casa Quiro (base do painel de pacientes) */
:root{
  --amarelo:#f6c544; --amarelo-claro:#f8d066; --amarelo-sombra:#e9a43a;
  --laranja:#f48a21; --laranja-titulo:#e8893c; --laranja-escuro:#b85f0c;
  --verde:#3f9150; --verde-escuro:#2f7440; --verde-claro:#e3f1e6;
  --vermelho:#b8322f; --vermelho-claro:#f8e0df;
  --tinta:#141414; --tinta-2:#4a4036; --linha:#ead9b8; --creme:#fff8e8; --branco:#ffffff;
  --f-titulo:"Source Serif 4",Georgia,serif;
  --f-texto:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:18px;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--f-texto);color:var(--tinta);background:var(--amarelo);-webkit-font-smoothing:antialiased}
.fundo-marca{background:radial-gradient(120% 90% at 50% 0%,var(--amarelo-claro) 0%,var(--amarelo) 55%,#f3bb3c 100%) fixed;min-height:100vh;min-height:100dvh}
.titulo-marca{font-family:var(--f-titulo);font-weight:400;color:var(--laranja-titulo);letter-spacing:-.01em;line-height:.9;margin:0}
.logo{display:block;height:auto}
.rotulo{font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.cartao{background:var(--branco);border-radius:var(--raio);box-shadow:8px 8px 0 var(--amarelo-sombra)}
.num{font-variant-numeric:tabular-nums;font-weight:700}
button{font:inherit;cursor:pointer;border:0;border-radius:14px}
.btn-verde{background:var(--verde);color:#fff;font-weight:700}
.btn-verde:hover{background:var(--verde-escuro)}
.btn-contorno{background:transparent;border:2px solid var(--tinta-2);color:var(--tinta);font-weight:700}
.btn-perigo{background:transparent;border:2px solid var(--vermelho);color:var(--vermelho);font-weight:700}
button:disabled{opacity:.55;cursor:not-allowed}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
[hidden]{display:none!important}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--tinta);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;z-index:50;max-width:calc(100% - 32px);text-align:center}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
