/* =========================================================
   Dr. André Perez Pontes — sistema visual compartilhado
   Layout: blocos empilhados em largura total, conteúdo em coluna de 1200px,
   navy da marca como cor de autoridade, papel claro como fundo.
   ========================================================= */
:root{
  --navy:#053A4F;          /* cor oficial da marca (botão do site atual) */
  --navy-2:#0C4259;
  --navy-deep:#032A3A;
  --ink:#1B2A31;
  --ink-soft:#56666E;
  --paper:#FBFAF8;
  --paper-2:#F1EEEA;
  --white:#FFFFFF;
  --mist:#DDE8EB;          /* tinta clara do navy, para fundos de destaque */
  --steel:#7F92A0;
  --line:rgba(5,58,79,.14);
  --line-strong:rgba(5,58,79,.28);
  --ok:#2F7A55; --ok-bg:#E3F1E9;
  --warn:#9A6A12; --warn-bg:#F8EDD6;
  --alert:#A3402F; --alert-bg:#F7E3DF;
  --wa:#1F9D55;

  --sand:#B49C8B;          /* nude/areia — acento quente que acompanha o navy */
  --sand-deep:#8E7666;
  --sand-soft:#F3EEE9;
  --f-display:"Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --f-body:"Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  --max:1200px;
  --r-sm:2px; --r:4px; --r-lg:6px;
  --shadow:0 10px 30px -12px rgba(3,42,58,.25);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:500;line-height:1.15;margin:0;text-wrap:balance;color:var(--navy)}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:calc(var(--max) + 2*max(16px, 3vw));margin:0 auto;
  padding-left:max(16px, 3vw, env(safe-area-inset-left, 0px));
  padding-right:max(16px, 3vw, env(safe-area-inset-right, 0px))}

.eyebrow{font-family:var(--f-body);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.lead{font-size:1.08rem;color:var(--ink-soft);max-width:60ch}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:1.05em 1.9em;border-radius:var(--r-sm);border:1px solid transparent;
  font-weight:600;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}

.btn-primary{background:var(--navy);color:var(--white)}
.btn-primary:hover{background:var(--navy-2)}
.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--navy)}
.btn-ghost:hover{border-color:var(--navy);background:var(--navy);color:var(--white)}
.btn-sand{background:var(--sand);color:#fff}
.btn-sand:hover{background:var(--sand-deep)}
.btn-light{background:var(--white);color:var(--navy)}
.btn-outline-light{border-color:rgba(255,255,255,.45);color:var(--white);background:transparent}
.btn-outline-light:hover{background:rgba(255,255,255,.1)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#178246}
.btn-sm{padding:.8em 1.3em;font-size:.7rem}
.btn svg{width:1.1em;height:1.1em;flex:none}

/* Formulários */
.field{display:grid;gap:.35rem}
.field label{font-size:.82rem;font-weight:500;color:var(--ink-soft)}
.input,.select,.textarea{width:100%;padding:.75em .95em;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--white);min-width:0}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--mist)}
.textarea{min-height:96px;resize:vertical}

/* Selos de status */
.pill{display:inline-flex;align-items:center;gap:.4em;padding:.2em .7em;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}
.pill::before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor}
.pill-ok{color:var(--ok);background:var(--ok-bg)}
.pill-warn{color:var(--warn);background:var(--warn-bg)}
.pill-alert{color:var(--alert);background:var(--alert-bg)}
.pill-info{color:var(--navy);background:var(--mist)}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);background:var(--navy-deep);color:#fff;
  padding:.8em 1.3em;border-radius:999px;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:200;max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
[hidden]{display:none!important}

/* logos nunca deformam */
img[src*="logo-"]{max-width:none;flex:none;object-fit:contain}