/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ===== Mobile: sticky siempre + logo blanco ===== */
/* ===== SOLO MOBILE (≤ 991.98px): usar SIEMPRE el mismo logo que en scroll ===== */
/* ===== SOLO MOBILE (≤ 991.98px): usar SIEMPRE el mismo logo que en scroll ===== */
/* ===== MOBILE: Mostrar solo el logo claro (logo@2x.png) ===== */
@media (max-width: 991.98px) {

  /* Muestra solo el logo claro */
  #header #logo a .logo-scroll {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Oculta el logo oscuro en mobile */
  #header #logo a .logo-dark,
  #header #logo a .logo-default {
    display: none !important;
  }

  /* Asegura que siga igual al hacer scroll */
  #header.sticky-header #logo a .logo-scroll {
    display: block !important;
  }

  /* Tamaño consistente del logo */
  #header #logo img {
    max-height: 56px;
    height: auto;
    transition: none !important;
  }
}