/* Azul tipo Syscom */
.btn-primary,
.bg-primary,
.btn-outline-primary:hover {
  background-color: #005BAC !important;
  border-color: #005BAC !important;
}

a, .text-primary {
  color: #005BAC !important;
}

/* Hover más oscuro */
.btn-primary:hover {
  background-color: #004A99 !important;
  border-color: #004A99 !important;
}
.product-flag.new {
  background-color: #FFD700 !important;
  color: #000 !important;
  font-weight: bold;
  border-radius: 3px;
}
/* Hover con fondo */
#_desktop_top_menu .top-menu a:hover {
  background-color: #005BAC !important;
  color: #fff !important;
  border-radius: 4px;
}
/* Contenedor de cada categoría */
.category-sub-menu li {
  position: relative;
}

/* Link de categoría */
.category-sub-menu a {
  display: block;
  padding-right: 30px; /* espacio para el + */
}

/* Botón + */
.category-sub-menu .navbar-toggler {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
/* Hover general categorías */
.category-sub-menu a:hover {
  color: #005BAC !important;
  background-color: rgba(0, 91, 172, 0.08);
  border-radius: 4px;
}
/* Categoría activa */
.category-sub-menu li.current a,
.category-sub-menu li.active a {
  color: #005BAC !important;
  font-weight: bold;
}
/* Evita que textos largos se rompan feo */
.category-sub-menu a {
  white-space: normal;
  line-height: 1.3;
}
.category-sub-menu li {
  margin-bottom: 4px;
}
/* Línea gris arriba del footer */
#footer {
  border-top: 1px solid #ddd;
}
/* Línea debajo del newsletter */
.block_newsletter {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
/* ===== FIX EMPALME MENÚ SYS COMSA ===== */

/* Asegura jerarquía correcta */
#header,
#_desktop_top_menu {
  position: relative;
  z-index: 9999;
}

/* Items principales */
#_desktop_top_menu .top-menu > li {
  position: relative;
}

/* Submenú */
#_desktop_top_menu .top-menu .sub-menu {
  margin-top: 12px; /* 👈 separación clave */
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);

  /* animación suave */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s ease;
}

/* Área invisible anti-hueco */
#_desktop_top_menu .top-menu > li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 18px;
}

/* Hover estable */
#_desktop_top_menu .top-menu > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Evita que submenús se encimen entre sí */
#_desktop_top_menu .top-menu .sub-menu {
  z-index: 9999;
}

/* Mejora interacción del link principal */
#_desktop_top_menu .top-menu > li > a {
  padding: 10px 14px;
  display: block;
}

/* Evita cambios bruscos entre categorías */
#_desktop_top_menu .top-menu > li {
  transition: background 0.2s ease;
}

/* ===== AUMENTAR TAMAÑO DEL LOGOTIPO AL DOBLE ===== */
#_desktop_logo img.logo,
.header-top .logo {
  max-width: none !important;
  width: auto !important;
  max-height: 49px !important; /* 70% del tamaño previo de 70px */
}