/* contador.css: odômetro de inscritos da PsicoCafé News (06/11/2026). Compartilhado pela home (index.html) e por /contador.html.
   Cores e fonte do site: marinho #163E6B, creme #F6F1E6, borda #E6DCC8, cinza #5C6670, Fraunces (/fontes/Fraunces.ttf). */
@font-face{font-family:Fraunces;src:url(/fontes/Fraunces.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.contador{margin:22px 0 0;text-align:center}
.contador[hidden]{display:none}
.odo{display:inline-flex;gap:.07em;font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:700;font-size:44px;line-height:1;color:#163E6B;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}
.odo .col{position:relative;width:.72em;height:1.2em;overflow:hidden;border:1px solid #E6DCC8;border-radius:.14em;background:#fff;box-shadow:0 .04em 0 #E6DCC8}
.odo .col::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(22,62,107,.16),rgba(22,62,107,0) 26%,rgba(22,62,107,0) 74%,rgba(22,62,107,.16))}
.odo .tira{position:absolute;left:0;right:0;top:0;will-change:transform}
.odo .d{display:block;height:1.2em;line-height:1.2em;text-align:center}
.contador .legenda{margin:12px 0 0;font-size:17px;line-height:1.4;color:#163E6B}
.contador .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Página de gravação (/contador.html): contador grande, no centro, fundo creme da marca */
body.pagina-contador{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vmin;background:#F6F1E6;color:#1E2A36;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-align:center;overflow:hidden}
body.pagina-contador .logo img{width:min(62vw,70vh);height:auto;display:block}
body.pagina-contador .contador{margin:0}
body.pagina-contador .odo{font-size:min(19vw,17vh)}
body.pagina-contador .contador .legenda{margin-top:4vmin;font-family:Fraunces,Georgia,"Times New Roman",serif;font-size:min(6.4vw,5.6vh);font-weight:600;line-height:1.25}
body.pagina-contador .url{margin:0;font-size:min(3.8vw,3.4vh);color:#5C6670;letter-spacing:.04em}
