/* CAMINHO: /home1/miille88/eovovo.com.br/assets/css/topo.css */
/* eovovo — topo.css: cabeçalho comum das telas de caixa (entrar, senha,
   newsletter) e das institucionais. Carregado pelo layout junto do rodapé. */

.pg-topo{
  position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:14px clamp(18px,5vw,56px);
  background:rgba(250,247,240,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e8e0cd;
  width:100%;
}
.pg-marca{
  display:flex;align-items:center;gap:8px;text-decoration:none;
  font-family:'Lora',serif;font-size:1.2rem;color:var(--verde);
}
.pg-marca .eov-ic{color:var(--verde-medio)}
.pg-nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.pg-nav a{
  padding:6px 13px;border-radius:999px;font-size:.9rem;color:var(--tinta-suave);text-decoration:none;
}
.pg-nav a:hover{color:var(--verde)}
.pg-nav a.on{background:#fff;color:var(--verde);font-weight:600;border:1px solid #e6ddc8}

@media(max-width:560px){
  .pg-topo{gap:10px}
  .pg-nav{margin-left:0;width:100%}
}