/* custom.css */

/* 1) Variável para definir a altura da navbar fixa */
:root {
  --navbar-height: 4.5rem; /* ajuste conforme a altura real da sua navbar */
}

/* 2) Empurra todo o conteúdo abaixo da navbar fixa */
.container-fluid.content-wrapper {
  margin-top: var(--navbar-height);
}

/* 3) Sombra suave nos cards */
.row.g-3 .card {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

/* 4) Títulos de card responsivos */
.card-title {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
}

/* 5) Ajustes para telas de até 576px (celular) */
@media (max-width: 576px) {
  .navbar {
    padding: 0.5rem 1rem;
  }
  .navbar-brand {
    font-size: 1.25rem;
  }
  #busca,
  .row.g-3 .card-body {
    padding: 0.75rem 1rem;
  }
  #infoBusca {
    font-size: 0.9rem;
  }
  #verMaisContainer {
    margin-top: 1.5rem;
  }
}

/* 6) Ajustes para tablets (576px a 768px) */
@media (min-width: 576px) and (max-width: 768px) {
  .row.g-3 {
    gap: 1.5rem;
  }
  .card-title {
    font-size: 1.125rem;
  }
}