/* Fondo del header (parte superior) */
.header-top,
.header-nav,
#header {
  background-color: #e30613;
  color: #fff;
}
#header a{
	color: #fff !important;
}

#header .header-nav .blockcart {
    height: 3rem;
    padding: .75rem;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
    background: #e30613 !important;
}
#header .header-nav .cart-preview .shopping-cart {
    color: #fff !important;
    vertical-align: middle;
}
/* Menú principal */
#_desktop_top_menu .top-menu > li > a {
  color: #ffffff;
}

#_desktop_top_menu .top-menu > li:hover > a {
  color: #e30613; /* Rojo al pasar el ratón */
}

/* Fondo de botones principales */
/* Subcategorías (dropdown) */
#_desktop_top_menu .sub-menu {
  background: #004A99 !important; /* Azul corporativo JUTITECH */
  border: 0;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  z-index: 1001 !important;
}

#_desktop_top_menu .sub-menu a {
  color: #ffffff !important; /* blanco */
  font-weight: 500;
}

#_desktop_top_menu .sub-menu a:hover {
  color: #ffcc00 !important; /* amarillo dorado para contraste */
}
/* Forzar fondo azul en CUALQUIER variante del submenú */
#_desktop_top_menu .top-menu > li > .sub-menu,
#_desktop_top_menu .top-menu > li > .js-sub-menu,
#_desktop_top_menu .top-menu > li > .sub-menu.popover,
#_desktop_top_menu .top-menu > li > .sub-menu .category-sub-menu {
  background: #004A99 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block; /* el tema a veces usa display:none */
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
  z-index: 1001 !important;
}

/* Mostrar el dropdown al hacer hover, por si el tema lo oculta */
#_desktop_top_menu .top-menu > li:hover > .sub-menu,
#_desktop_top_menu .top-menu > li:hover > .js-sub-menu {
  display: block !important;
}

/* Texto SIEMPRE blanco dentro del dropdown (todas las variantes de enlaces) */
#_desktop_top_menu .top-menu > li > .sub-menu a,
#_desktop_top_menu .top-menu > li > .js-sub-menu a,
#_desktop_top_menu .top-menu > li > .sub-menu li > a,
#_desktop_top_menu .top-menu > li > .js-sub-menu li > a,
#_desktop_top_menu .top-menu .category-sub-menu a {
  color: #ffffff !important;
}

/* Hover dentro del dropdown */
#_desktop_top_menu .top-menu > li > .sub-menu a:hover,
#_desktop_top_menu .top-menu > li > .js-sub-menu a:hover,
#_desktop_top_menu .top-menu .category-sub-menu a:hover {
  color: #ffcc00 !important;
}

/* Quitar posibles fondos blancos en hover de elementos del dropdown */
#_desktop_top_menu .top-menu > li > .sub-menu li:hover > a,
#_desktop_top_menu .top-menu > li > .js-sub-menu li:hover > a {
  background: transparent !important;
}

/* Asegurar que el menú quede por encima del slider/banner */
#header, #_desktop_top_menu { position: relative; z-index: 1000; }

.btn-primary,
.button-primary,
.btn.btn-primary {
  background-color: #e30613;
  border-color: #e30613;
  color: #fff;
}

.btn-primary:hover,
.button-primary:hover,
.btn.btn-primary:hover {
  background-color: #c60010; /* un poco más oscuro al pasar */
  border-color: #c60010;
}

/* Enlaces de la cabecera: "Iniciar sesión", "Contáctenos" */
.header-nav .header-links a,
.header-top .header-link a {
  color: #ffffff !important;
}

.header-nav .header-links a:hover,
.header-top .header-link a:hover {
  color: #e30613;
}

/* Pie de página */
.footer-container {
  background-color: #104f9e;
  color: #fff;
}
#contact-infos {
  color: #ffffff !important;
}
.footer-container .h3, .footer-container .h4 {
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #fff !important;
}
.footer-container li a {
  color: #ffffff !important;
}

.footer-container a:hover {
  color: #e30613;
}
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: #fff !important;
}
/* Precios y etiquetas destacadas */
.price,
.product-price {
  color: #e30613;
}

.product-miniature .highlighted-informations .discount {
  background-color: #e30613;
}

/* Barras de navegación como breadcrumbs */
.breadcrumb {
  background-color: #f0f0f0;
  color: #104f9e;
}

.breadcrumb a {
  color: #104f9e;
}

/* Ocultar creditos whastapps */
#whatsappconnect_free_cost{
	display: none !important;
}
/* ===== Classic: ps_mainmenu dropdown ===== */

/* Mostrar el dropdown en hover (por si el tema lo oculta) */
#_desktop_top_menu .top-menu > li:hover > .sub-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1001 !important;
}

/* Fondo azul para TODA la caja del desplegable (incluye .popover de Classic) */
#_desktop_top_menu .sub-menu,
#_desktop_top_menu .popover,
#_desktop_top_menu .popover .popover-title,
#_desktop_top_menu .popover .popover-content {
  background: #004A99 !important;  /* azul JUTITECH */
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
}

/* Quitar triangulito/flecha blanca del popover */
#_desktop_top_menu .popover::before,
#_desktop_top_menu .popover::after {
  display: none !important;
}

/* Enlaces del dropdown en blanco */
#_desktop_top_menu .sub-menu a,
#_desktop_top_menu .popover a,
#_desktop_top_menu .category-sub-menu a {
  color: #ffffff !important;
  font-weight: 500;
}

/* Hover de enlaces del dropdown en amarillo para contraste */
#_desktop_top_menu .sub-menu a:hover,
#_desktop_top_menu .popover a:hover,
#_desktop_top_menu .category-sub-menu a:hover {
  color: #ffcc00 !important;
}

/* Evitar que al pasar el ratón ponga fondo blanco al <li> */
#_desktop_top_menu .sub-menu li:hover > a {
  background: transparent !important;
}

/* Asegurar que el menú quede por encima del slider/banner */
#header, #_desktop_top_menu { position: relative; z-index: 1000; }
/* Asegurar que el menú quede por encima del slider/banner */
#header, #_desktop_top_menu { position: relative; z-index: 1000; }

/* ===== Arreglo: que el mega menú NO quede siempre abierto ===== */
/* Desktop únicamente */
@media (min-width: 992px) {
  /* Oculto por defecto */
  #_desktop_top_menu .top-menu > li > .sub-menu,
  #_desktop_top_menu .top-menu > li > .js-sub-menu,
  #_desktop_top_menu .top-menu > li > .popover {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Visible solo en hover del padre */
  #_desktop_top_menu .top-menu > li:hover > .sub-menu,
  #_desktop_top_menu .top-menu > li:hover > .js-sub-menu,
  #_desktop_top_menu .top-menu > li:hover > .popover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1001 !important;
  }
}
/* ===== Menú MÓVIL (tema Classic) ===== */
@media (max-width: 991.98px) {
  /* Panel y listas del menú móvil */
  #mobile_top_menu_wrapper,
  #mobile_top_menu_wrapper .js-top-menu,
  #mobile_top_menu_wrapper .top-menu,
  #mobile_top_menu_wrapper .top-menu .sub-menu,
  #mobile_top_menu_wrapper .category-sub-menu,
  #mobile_top_menu_wrapper .js-top-menu-bottom {
    background: #004A99 !important; /* azul corporativo */
  }

  /* Enlaces en blanco */
  #mobile_top_menu_wrapper a {
    color: #ffffff !important;
  }
  #mobile_top_menu_wrapper a:hover {
    color: #ffcc00 !important; /* contraste en hover */
  }

  /* Separadores sutiles */
  #mobile_top_menu_wrapper li {
    border-color: rgba(255,255,255,.15) !important;
  }

  /* Iconos/flechas del acordeón y botoneras */
  #mobile_top_menu_wrapper .material-icons,
  #mobile_top_menu_wrapper .collapse-icons i,
  #mobile_top_menu_wrapper .navbar-toggler i {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

  /* Asegura que los subniveles se vean al abrir */
  #mobile_top_menu_wrapper .collapse.show,
  #mobile_top_menu_wrapper .collapse.in,
  #mobile_top_menu_wrapper .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Que el panel quede por encima de todo */
  #mobile_top_menu_wrapper { z-index: 9999 !important; }
}
/* ===== Menú MÓVIL estilo "escritorio" ===== */
@media (max-width: 991.98px) {
  /* Ocultar subcategorías por defecto */
  #mobile_top_menu_wrapper .sub-menu,
  #mobile_top_menu_wrapper .category-sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Mostrar subcategorías solo si el padre está expandido */
  #mobile_top_menu_wrapper li.open > .sub-menu,
  #mobile_top_menu_wrapper li.open > .category-sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Flechas visibles para indicar que hay subniveles */
  #mobile_top_menu_wrapper .collapse-icons {
    display: inline-block !important;
  }
}
/* ===== Footer móvil (tema Classic) ===== */
@media (max-width: 991.98px) {
  /* Cuerpo abierto de cada acordeón */
  #footer .footer-container .collapse,
  #footer .footer-container .links {
    background: #104f9e !important;      /* azul JUTITECH */
  }

  /* Enlaces dentro del acordeón */
  #footer .footer-container .links a {
    color: #ffffff !important;            /* texto blanco */
  }
  #footer .footer-container .links a:hover {
    color: #ffcc00 !important;            /* contraste en hover */
  }

  /* Separadores sutiles entre items */
  #footer .footer-container .links li {
    border-color: rgba(255,255,255,.15) !important;
  }

  /* Iconos/flechas del acordeón en blanco */
  #footer .footer-container .collapse-icons i,
  #footer .footer-container .navbar-toggler i,
  #footer .footer-container .material-icons {
    color: #ffffff !important;
    fill: #ffffff !important;
  }
	/* Color general de los enlaces del breadcrumb */
.breadcrumb li,
.breadcrumb a {
  color: #333 !important;   /* gris oscuro */
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Color de los enlaces al pasar el ratón */
.breadcrumb a:hover {
  color: #0073e6 !important;   /* azul elegante */
  text-decoration: underline;
}

/* Último elemento del breadcrumb (página actual) */
.breadcrumb li:last-child {
  color: #000 !important;   /* negro */
  font-weight: 500;
}

}