/* Docilità · base compartilhada (tokens da marca v1.0 + fontes auto-hospedadas) */
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-soft.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  color-scheme:only light; /* identidade só tem versão clara; impede o 'modo escuro forçado' do navegador de apagar as cores */
  --bordo:#670626;--bordo-2:#7a1532;--glace:#F7D2CB;--morango:#EBA9A3;--nata:#FFF6EC;
  --cacau:#3B1A12;--massa:#E9AF4C;--mel:#F5D78E;--ouro:#C98A2E;
  --display:"Fraunces",Georgia,serif;--ui:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:22px;--raio-s:14px;
  --sombra:0 18px 40px -24px rgba(59,26,18,.45);
  --foco:0 0 0 3px var(--nata),0 0 0 6px var(--bordo);
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--ui);font-size:1.0625rem;line-height:1.55;color:var(--cacau);background:var(--nata)}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--display);font-weight:800;font-variation-settings:"SOFT" 100,"WONK" 0;color:var(--bordo);line-height:1.05;letter-spacing:-.015em;margin:0}
p{margin:0}
a{color:var(--bordo);text-underline-offset:.18em}
button,input{font:inherit;color:inherit}
:focus-visible{outline:none;box-shadow:var(--foco);border-radius:10px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--bordo);color:var(--nata);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.pular:focus{top:12px}

.d-sombra{text-shadow:.06em .06em 0 var(--ouro)}
.it{font-family:var(--display);font-style:italic;font-weight:500;font-variation-settings:normal}
.kicker{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--bordo)}

/* botões */
.btn{--bg:var(--bordo);--fg:var(--nata);display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.85em 1.6em;border-radius:999px;border:0;background:var(--bg);color:var(--fg);font-weight:600;font-size:1.05rem;text-decoration:none;cursor:pointer;
  box-shadow:0 4px 0 var(--ouro);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ouro)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ouro)}
.btn:focus-visible{border-radius:999px;box-shadow:0 4px 0 var(--ouro),var(--foco)}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.btn-claro{--bg:var(--nata);--fg:var(--bordo)}
.btn-contorno{--bg:transparent;--fg:var(--bordo);box-shadow:inset 0 0 0 2px var(--bordo)}
.btn-contorno:hover{box-shadow:inset 0 0 0 2px var(--bordo);background:#67062610}
.btn-contorno:focus-visible{box-shadow:inset 0 0 0 2px var(--bordo),var(--foco)}
.btn-peq{min-height:44px;padding:.55em 1.1em;font-size:.95rem}

/* padrões da marca */
.poa{--p:38px;--dot:var(--morango);background-color:var(--glace);
  background-image:radial-gradient(var(--dot) calc(var(--p)*.13),transparent calc(var(--p)*.14)),radial-gradient(var(--dot) calc(var(--p)*.13),transparent calc(var(--p)*.14));
  background-size:var(--p) var(--p);background-position:0 0,calc(var(--p)/2) calc(var(--p)/2)}
.poa-ouro{--dot:var(--massa);background-color:var(--bordo)}
.toldo{display:block;width:100%;height:auto;color:var(--bordo)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
