/* ============================================================
   LibKids - Folha de estilos
   ============================================================ */

:root {
  --azul-escuro: #0a2540;   /* azul mais escuro */
  --azul-hover:  #061a2e;
}

body {
  background-color: #f4f8fb;
  font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--azul-escuro);
}

h1, h2, h3, h4, h5, h6,
.titulo-secao,
.menu-lateral a {
  font-family: 'Baloo 2', 'Nunito', system-ui, sans-serif;
}

/* ===== DIV 1 - BANNER SUPERIOR ===== */
.banner-topo {
  border-radius: 18px;
  overflow: hidden;
}
.banner-topo .banner-img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== DIV 2 - MENU LATERAL ===== */
.menu-lateral, .bg-secondary {
  background-color: #e9f4fb !important;
  border-radius: 16px;
}
.menu-lateral a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 10px;
  color: var(--azul-escuro);
  font-size: 1.15rem;
  text-decoration: none;
  border-radius: 10px;
  transition: background-color .2s;
}
.menu-lateral a:hover {
  background-color: #d3e9f6;
}
.menu-lateral a i {
  font-size: 1.4rem;
  color: #2aa9b0;
}
.menu-lateral .navbar-brand {
  color: var(--azul-escuro);
  font-weight: 700;
}
.menu-lateral .navbar-toggler {
  border-color: #cfe6f5;
  padding: 4px 8px;
}
.menu-lateral .navbar-toggler:focus {
  box-shadow: 0 0 0 .2rem rgba(10, 37, 64, .2);
}

/* ===== DIV 3 - CAIXA DE BUSCA ===== */
.caixa-busca, .card-body {
  background-color: #ffffff;
  border: 1px solid #cfe6f5;
  border-radius: 16px;
}
.btn-buscar {
  background-color: var(--azul-escuro);
  color: #fff;
}
.btn-buscar:hover {
  background-color: var(--azul-hover);
  color: #fff;
}
.btn-filtro {
  background-color: #f0463c;
  color: #fff;
}
.btn-filtro:hover {
  background-color: #d63a31;
  color: #fff;
}

/* ===== DIV 4 - ACERVO EM DESTAQUE ===== */
.titulo-secao {
  color: var(--azul-escuro);
  font-weight: 700;
  display: inline-block;
  border-bottom: 3px solid #2aa9b0;
  padding-bottom: 4px;
}
.card-acervo img {
  border-radius: 12px;
}