:root{}

.topo{
  background:#E5BF86;
  border:1px solid #e2c79e;
  border-radius:var(--raio);
  box-shadow:var(--sombra-suave);
  padding:14px 18px;
  margin-bottom:16px;
}

.header-linha{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:56px;
}

.logo-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
}

.logo-header{
  height:55px;
  width:auto;
  display:block;
}

.titulo-site{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  font-family:'Pacifico', cursive;
  font-size:42px;
  font-weight:normal;
  letter-spacing:1px;
  color:#4b2e1f;
  text-shadow:0 1px 2px rgba(0,0,0,0.15);
  white-space:nowrap;
}

.relogio-mobile,
.header-linha-2{
  display:none;
}

.menu-principal{
  display:flex;
  justify-content:flex-start;
  gap:28px;
  background:var(--cor-painel);
  padding:10px 14px;
  margin-top:12px;
  border-radius:8px;
  border:1px solid var(--cor-borda);
  border-bottom:2px solid #e9e9e9;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
  font-size:0.95rem;
}

.menu-principal a,
.menu-principal button{
  background:none;
  border:none;
  cursor:pointer;
  text-decoration:none;
  color:var(--cor-texto);
  font-weight:600;
  font-family:inherit;
  font-size:0.95rem;
  line-height:1.2;
  padding:0;
  margin:0;
}

.menu-principal a:hover,
.menu-principal button:hover{
  color:#000;
}

.menu-dropdown{
  position:relative;
}

.menu-dropdown-conteudo{
  display:none;
  position:absolute;
  top:28px;
  left:0;
  background:var(--cor-painel);
  border:1px solid #e6e6e6;
  border-radius:8px;
  box-shadow:var(--sombra-media);
  padding:6px 0;
  min-width:140px;
  z-index:100;
}

.menu-dropdown-conteudo a{
  display:block;
  padding:8px 14px;
  font-size:0.9rem;
}

.menu-dropdown-conteudo a:hover{
  background:#f5f5f5;
}

.menu-dropdown.aberto .menu-dropdown-conteudo{
  display:block;
}

.botao-hamburguer{
  background:none;
  border:none;
  padding:0;
  margin:0;
  font:inherit;
  font-size:0.92rem;
  font-weight:600;
  color:#444;
  cursor:pointer;
  line-height:1.2;
}

.botao-hamburguer-direita{
  color:#7a5c43;
}

.seletor-cidade-mobile,
.header-linha-2-esquerda,
.header-linha-2-direita{
  position:relative;
}

.menu-cidades-mobile,
.menu-mobile-links{
  display:none;
}

.menu-mobile-links.aberto,
.menu-cidades-mobile.aberto{
  display:block;
}

.relogio-analogico-mini{
  position:relative;
  width:40px;
  height:40px;
  border:2px solid #d8d8d8;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.marcador{
  position:absolute;
  background:#b5b5b5;
  border-radius:999px;
}

.marcador-12{
  width:2px;
  height:6px;
  top:3px;
  left:50%;
  transform:translateX(-50%);
}

.marcador-3{
  width:6px;
  height:2px;
  right:3px;
  top:50%;
  transform:translateY(-50%);
}

.marcador-6{
  width:2px;
  height:6px;
  bottom:3px;
  left:50%;
  transform:translateX(-50%);
}

.marcador-9{
  width:6px;
  height:2px;
  left:3px;
  top:50%;
  transform:translateY(-50%);
}

.ponteiro{
  position:absolute;
  left:50%;
  bottom:50%;
  transform-origin:bottom center;
  border-radius:999px;
}

.ponteiro.hora{
  width:2.5px;
  height:11px;
  background:#5a4634;
}

.ponteiro.minuto{
  width:2px;
  height:15px;
  background:#2f2f2f;
}

.ponteiro.segundo{
  width:1px;
  height:16px;
  background:#c0392b;
}

.centro-relogio{
  position:absolute;
  width:6px;
  height:6px;
  background:#7a5c43;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}