/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/

/* --- PÁGINA PRINCIPAL (LOADING PAGE) --- */

/* Selecciona los elementos del menú y aplica la transformación para que las opciones
de menú empiecen en mayúsculas*/
ul#top-menu.top-menu li a {
	text-transform: capitalize !important;  
}

/* Modificaciones en el Menú Principal que está en el hook DisplayNavFullWidth */
div#_desktop_top_menu {
   /* padding-bottom: 8px; 
    padding-top: 8px;*/
}

/* Colocar el Menú Principal en el centro y cambiar su color de fondo a gris */
#header .menu {
    display: flex;
    justify-content: center;
	 /*background-color: #717171 ; */ /*Gris claro*/
	background-color: #636161 ; /* Gris más oscuro */
}

#header .menu > ul {
    display: flex;
    justify-content: center;
}

#header .menu > ul > li {
    display: inline-block;
}

/* Cambiar el color de las letras del Menú Principal a blanco */
#header a {
	 color: white;
}

/* Color de fondo del Menú Principal */
#header, #header .header-top {
    background: #4EA652;
}

/* Para quitar el borde que usa el header-nav y el header-top */
#header .header-nav {
    border-bottom: none;
}

/* Para evitar que salga el sub-menú (En Cátalogo) */
.popover.sub-menu.js-sub-menu.collapse {
    display: none;
}

/* Modificar el carrito de compra */
#header .header-nav .blockcart {
    margin-left: 0.9375rem;
    text-align: center;
    white-space: nowrap;
    background: transparent;
    /*color: #000;*/
    display: flex;
    align-items: baseline;
}
/* No visualizar el marco de las Sub-categorías */
div#subcategories {
    display: none;
}

.block-category {
    min-height: 0rem;
    margin-bottom: 1.563rem;
    background-color: #D0D8CC;
}

/* Estilo Menú Principal para los enlaces al pasar el cursor (degradado) */
#top-menu a:hover {
  color: #fff !important; /* Texto blanco para mejor contraste */
  background: linear-gradient(to right, #0077bb, #2ecc71) !important; /* Degradado de azul a verde */
}

/* Afecta a todos las etiquetas a del header /*
/*
#header a:hover {
    background: linear-gradient(to right, #0077bb, #2ecc71) !important; /* Degradado de azul a verde */
/*
}
*/

/* Cambiar el color de los íconos de las redes sociales */
.block-social ul li {
    background-color: #636161;
}


/* --- PÁGINA DE PRODUCTOS --- */
/* Valor de "-4" que nos aparece al lado de el mensaje "Impuestos incluidos"  */
.product-prices .tax-shipping-delivery-label .delivery-information {
	display: none !important;
}