/* =========================
   Custom styles do projeto
   ========================= */
body{ font-family: sans-serif; }

/* =========================
   Logo grande e responsiva
   ========================= */
/* A <img class="logo"> está em inc/layout.php dentro de .navbar-brand */
.navbar .navbar-brand img.logo{
  width: auto !important;
  display: block;
  /* grande e fluida: min 110px, cresce com viewport, máx 240px */
  height: clamp(110px, 12vw, 240px) !important;
  image-rendering: -webkit-optimize-contrast;
}

/* Dá fôlego pra navbar comportar a logo maior */
.navbar{
  padding-top: .25rem;
  padding-bottom: .25rem;
  min-height: 120px; /* ajuste livre: 120–160 se quiser mais espaço */
}

/* Links alinhados verticalmente com a logo */
.navbar .nav-link{
  padding-top: .4rem;
  padding-bottom: .4rem;
  line-height: 1.2;
}

/* Telas muito pequenas: reduz um pouco para não quebrar o layout */
@media (max-width: 380px){
  .navbar .navbar-brand img.logo{ height: 90px !important; }
  .navbar{ min-height: 100px; }
}

/* Telas enormes: libera um pouco mais de altura da logo (opcional) */
@media (min-width: 1400px){
  .navbar .navbar-brand img.logo{ height: 260px !important; }
}

/* Se a logo apertar os links em tablets, encolhe um pouco */
@media (max-width: 768px) and (min-width: 576px){
  .navbar .navbar-brand img.logo{ height: clamp(90px, 10vw, 160px) !important; }
}