/* CAMINHO: /home1/miille88/eovovo.com.br/assets/css/base.css  · v25 */
/* ============================================================
   eovovo — base.css (identidade comum: só variáveis, reset, fontes)
   Todo estilo de página vive no css da própria página.
   ============================================================ */

:root{
  --verde:#3c4a3a;          /* verde folha escuro (marca) */
  --verde-fundo:#2f3a2d;    /* verde do rodapé — um tom abaixo da marca */
  --verde-medio:#5a6e52;
  --verde-claro:#8a9a7d;
  --creme:#faf7f0;          /* fundo papel */
  --creme-2:#f2ede1;
  --ocre:#c49a5a;           /* dourado terroso (destaques) */
  --madeira:#8a6d4b;        /* galhos */
  --tinta:#2e332c;          /* texto principal */
  --tinta-suave:#8a8674;
  --erro:#a4533f;
  --ok:#5a7d52;
}

*{margin:0;padding:0;box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  overflow-x:clip;                  /* nada de rolagem lateral no celular */
  scroll-behavior:smooth;
}
body{
  font-family:'Source Sans 3',system-ui,sans-serif;
  background:linear-gradient(180deg,var(--creme),var(--creme-2));
  color:var(--tinta);
  min-height:100vh;
  min-height:100dvh;                /* conta com a barra do navegador do celular */
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.serif{font-family:'Lora',serif}
h1,h2,h3{overflow-wrap:break-word}  /* nome comprido não estoura a caixa */
a{color:var(--verde-medio)}
img{max-width:100%;height:auto}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:1rem;max-width:100%}
::selection{background:#dde5d3}

/* ---------------- ícones (no lugar dos emojis) ---------------- */
.eov-ic{vertical-align:-3px;flex:none}
.logo-ic{display:inline-flex;vertical-align:-4px;color:var(--verde-medio)}
.broto .eov-ic,.pub-broto .eov-ic,.hero-broto .eov-ic{color:var(--verde-medio)}
.marca .broto{display:block;line-height:1;margin-bottom:2px}
.dica .eov-ic{color:var(--ocre);margin-right:3px}
.assin-check .eov-ic{vertical-align:middle}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* no celular, campo com menos de 16px faz o iOS dar zoom sozinho */
@media(max-width:560px){
  input,select,textarea{font-size:16px}
}

/* a versão do site, discreta no rodapé */
.eov-versao{opacity:.55;font-size:.92em}