/* ====== Header común ====== */

/* Colores de marca (por si el archivo se carga solo) */
:root{
  --bs-primary:#3fabcb;
  --bs-primary-rgb:63,171,203;
  --bs-success:#90b03f;
  --bs-success-rgb:144,176,63;
}

/* Marca (logo) — cuadrado y recortado en círculo como tenías */
.navbar .brand-logo{
  height: 36px;           /* móvil */
  width: 36px;
  object-fit: cover;      /* mantiene el círculo sin deformar */
  display: inline-block;
}
@media (min-width: 992px){
  .navbar .brand-logo{
    height: 44px;         /* escritorio */
    width: 44px;
  }
}

/* Navegación: mismo comportamiento que ya usas en las páginas */
.navbar .nav-link{
  color:#212529;
  transition: color .15s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus{
  color: var(--bs-success) !important;
}

/* Dropdown */
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus{
  color:#fff;
  background-color: var(--bs-success);
}