/* ===== HEADER / NAVBAR ===== */

/* Ajustar el logo dentro de la navbar */
.navbar-brand img {
  height: 60px;          /* Aumenta el tamaño del logo */
  max-height: 8vh;       /* Escala en pantallas pequeñas */
  width: auto;           /* Mantiene proporción */
  margin-right: 10px;    /* Espacio entre logo y texto */
}

/* Texto de la marca */
.navbar-brand {
  font-size: 1.5rem;     /* Más grande y legible */
  font-weight: 600;      /* Semi-bold */
  color: #333;         /* Color neutro */
}

.navbar-brand:hover {
  color: #0e3f21;        /* Color de acento al pasar el mouse */
}

/* Links del menú */
.navbar-nav .nav-link {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  color: #444;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #ca9729;        /* Color de acento al hover */
}

/* Link activo */
.navbar-nav .nav-link.active {
  color: #000000;
  font-weight: 600;
  border-bottom: 2px solid #32be6c; /* Subrayado elegante */
}

/* Navbar en móviles */
.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}