/* Establece la imagen de fondo del encabezado */
.header-custom-background-color {
  background-image: url('https://ss-static-001.esmsv.com/r/content/host1/0e8ca365fad353cb13de02d71009de88//img/products/A6EGjmTAjX.webp');
  background-size: cover;
}

/* Escala el tamaño del logo al doble y agrega margen derecho */
.logo-header {
  transform: scale(2);
  margin-right: 20px;
}

/* Establece el ancho máximo del logo en dispositivos móviles */
@media (max-width: 576px) {
  .logo-header {
    max-width: 120px;
  }
}

/* Establece el color de fondo del paginador (celeste) */
.paginator-catalog {
  background-color: #1E90FF;
}

/* Establece el color de texto del paginador (blanco) */
.paginator-catalog a,
.paginator-catalog a:hover {
  color: #ffffff !important;
}

/* Establece el fondo transparente de los enlaces */
.nav-link {
  background-color: transparent;
  transition: .2s;
}

/* Establece el fondo negro translúcido al pasar el mouse por encima de los enlaces */
.nav-link:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Cambia el color del texto "Elementos por página" a blanco */
.text-elements-paginator {
  color: #ffffff !important;
}

/* Cambia el color del texto de los números a blanco */
.numbers-totals-paginator {
  color: #ffffff !important;
}

.numbers-totals-paginator {
  font-weight: bold;
  font-size: 1.1em;
}

/* Establece la imagen de fondo del pie de página */
footer.footer-custom-background-color {
  background-image: url('https://ss-static-001.esmsv.com/r/content/host1/0e8ca365fad353cb13de02d71009de88//img/products/A6EGjmTAjX.webp');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px; /* Agrega espacio interno si es necesario */
}

/* Establece el color del texto del pie de página (blanco) */
footer.footer-custom-text-color a,
footer.footer-custom-text-color a:hover {
  color: #ffffff !important;
}

/* Establece el fondo transparente de los enlaces del pie de página */
footer.footer-custom-text-color a {
  background-color: transparent;
  transition: .2s;
}

/* Establece el fondo negro translúcido al pasar el mouse por encima de los enlaces del pie de página */
footer.footer-custom-text-color a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Ajusta el estilo para la lista de enlaces del pie de página */
footer.footer-custom-text-color .nav-site li {
  margin-bottom: 10px;
}

/* Ajusta el estilo para los enlaces de la sección de Catálogo */
footer.footer-custom-text-color .dropdown-menu a {
  padding: 5px 10px;
  display: block;
}

/* Establece el color del texto de los enlaces desplegables del pie de página */
footer.footer-custom-text-color .dropdown-menu a {
  color: #ffffff !important;
}

/* Establece el color de fondo del pie de página */
footer.footer-custom-text-color {
  background-color: #1E90FF;
}

/* Aumenta el tamaño y la intensidad del sombreado al pasar el mouse por encima de los enlaces en el pie de página */
footer.footer-custom-text-color .nav-link:hover {
  text-shadow: 12px 12px 8px rgba(0, 0, 0, 0.6);
}

/* Establecer el fondo negro translúcido para el menú desplegable */
footer.footer-custom-text-color .dropdown-menu {
  position: relative;
}

footer.footer-custom-text-color .dropdown-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s;
}

footer.footer-custom-text-color .dropdown-menu:hover::before {
  opacity: 1;
}

/* Añadir una imagen de fondo al menú desplegable */
footer.footer-custom-text-color .dropdown-menu:hover {
  background-image: url('https://ss-static-001.esmsv.com/r/content/host1/0e8ca365fad353cb13de02d71009de88//img/products/A6EGjmTAjX.webp');
  background-size: cover;
}





/* Establecer el fondo negro translúcido para el menú desplegable */
footer.footer-custom-text-color .dropdown-menu {
  position: relative;
  background-color: rgba(0, 0, 0, 0.9); /* Ajusta el valor decimal aquí */
}

/* Establecer el color de texto en el menú desplegable */
footer.footer-custom-text-color .dropdown-menu a {
  color: #ffffff !important;
}

/* Resaltar el fondo al pasar el mouse sobre el menú desplegable */
footer.footer-custom-text-color .dropdown-menu:hover {
  background-image: url('https://ss-static-001.esmsv.com/r/content/host1/0e8ca365fad353cb13de02d71009de88//img/products/A6EGjmTAjX.webp');
  background-size: cover;
}