/* ===== HEADER PRINCIPAL ===== */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 40px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  position: sticky;
  top: 0;
  z-index: 1000;
  line-height: 1.1;

}

/* Logo canto superior esquerdo */
header .logo {
  display: flex;
  align-items: center;
}

header .logo img {
  height: 65px;
  width: auto;
  display: block;
}

/* Menu navegação */
header nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

header nav ul li {
  margin-left: 24px;
}

header nav ul li a {
  text-decoration: none;
  color: #222;
  font-weight: 500;
  transition: color 0.3s ease;
}

header nav ul li a:hover {
  color: #0077cc;
}

/* ===== HEADER MOBILE - REDUZIDO EM 35% ===== */
@media (max-width: 768px) {
  header {
    flex-direction: column;
    align-items: center;
    padding: 8px 16px; /* antes era 15px → reduzido */
  }

  header .logo img {
    height: 42px; /* antes 65px → reduzido ~35% */
    width: auto;
  }

  header nav ul li {
    margin: 6px 8px; /* reduz espaçamento lateral */
  }

  header nav ul li a {
    font-size: 0.9rem; /* reduz fonte em ~10% para caber melhor */
  }
}

/* DESKTOP (padrão) */
.site-header {
  position: sticky; top: 0; z-index: 1000;
  background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.08);
  padding: 10px 24px;
  display: flex; align-items: center; justify-content: space-between;
}
.site-header .logo img { height: 65px; display:block; }
.site-header .nav ul { display:flex; gap:24px; list-style:none; margin:0; padding:0; }
.site-header .nav a { text-decoration:none; color:#222; font-weight:500; }

/* Botão hambúrguer (esconde no desktop) */
.menu-toggle { display:none; }

/* MOBILE */
@media (max-width: 768px) {
  /* Header super compacto */
  .site-header { padding: 6px 14px; }
  .site-header .logo img { height: 40px; } /* ~-38% */

  /* Linha de topo: logo + botão */
  .brand { display:flex; align-items:center; justify-content:space-between; width:100%; gap:12px; }

  /* Mostrar o botão hambúrguer */
  .menu-toggle {
    display:inline-flex; flex-direction:column; justify-content:center; gap:4px;
    width:42px; height:42px; border:0; background:transparent; cursor:pointer;
  }
  .menu-toggle .bar { display:block; height:2px; width:100%; background:#222; border-radius:2px; }

  /* Nav colapsável */
  .site-header .nav {
    width: 100vw; margin-left: -14px; /* estica até as bordas */
    background:#fff; box-shadow: 0 8px 16px rgba(0,0,0,.08);
    overflow:hidden; max-height: 0;
    transition: max-height .3s ease;
  }
  .site-header.open .nav { max-height: 320px; } /* abre */
  .site-header .nav ul { flex-direction:column; gap:0; padding:8px 14px 12px; }
  .site-header .nav li { border-top:1px solid rgba(0,0,0,.06); }
  .site-header .nav li:first-child { border-top:0; }
  .site-header .nav a { display:block; padding:10px 4px; font-size:1rem; }

  /* Paisagem: ainda menor */
  @media (orientation: landscape) {
    .site-header { padding: 4px 10px; }
    .site-header .logo img { height: 34px; } /* mais compacto */
  }
}