/* ANCHO DE CABECERA Y PIE RESPECTO A PANTALLA */
.container {
	width: 80%;
}
#wrapper .container {
	max-width: 1110px;
  }

/* ANCHO DEL CONTENIDO */
#main {
	max-width: 1110px;
	margin: auto;
}
/* MENU PRINCIPAL */
#header .header-top {
	padding: 50;
}

#header {
background-color: #ffffff !important ;
color:#000000 !important ;
 }

#header #_desktop_logo {
	text-align: center;
}
#header a.dropdown-item {
	line-height: 1.1em;
	white-space: inherit
}
#header .top-menu .sub-menu ul[data-depth="1"] > li {
	float: none;
	margin: 0 1.25rem;
}
#header .top-menu .sub-menu {
	width: 240px !important;
	top: 2rem !important;
	margin-left: 0;
}
#header ul.top-menu li.category {
	margin-top: 0;
}
#header .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
	padding: 0.3rem 0;
}
#header .top-menu[data-depth="2"] {
	margin-left: 0.6rem;
}
#header .top-menu[data-depth="2"] a {
	padding:4px 0;
}
#header .top-menu[data-depth="3"] {
	margin-left: 0.6rem;
}
#header .menu > ul > li {
	position: relative;
}

/* COLOR FONDO SECTOR FOOTER */
#footer {
	background-color: #000000 !important;
}

/* COLOR TITULOS SECTOR FOOTER */
#footer .h3, #footer .h2, #footer .h1, #footer .h4 {
	color: white;
}
/* COLOR LINKS SECTOR FOOTER */
#footer a, #block_myaccount_infos .myaccount-title a {
	color: white;
}
/* COLOR FONDO DESPLEGABLE MOBILE FOOTER */
@media (max-width: 767px) {
  .footer-container .links ul
{
    background-color: #ffffff1f;
  }
}

/* COLOR TIPOGRAFIA SECTOR NEWLETTER */
.block_newsletter p {
	color: white !important ;
}

/* COLOR LINKS SECTOR FOOTER AL PASAR RATÓN */
#footer a:hover, #block_myaccount_infos .myaccount-title a:hover {
	color: #2a49a3 !important ;
}
/* COLOR TEXTOS COMUNES SECTOR FOOTER */
#footer .block-contact, #footer {
	color: #ffffff; 
}
/* COLOR FONDO AREA SUSCRIPCION */
.block_newsletter {
	background: transparent;
}

/* COLOR FONDO ÍCONOS SOCIALES */
#footer div.block-social li {
	background-color: #000000 !important;
}

/* COLOR DESCUENTO*/
#main li.product-flag.discount {
    background-color: #cc0000 ; 
}

/* ICONOS SOCIALES */
li.facebook, li.instagram, li.youtube {
	background-size: cover;
	background-position: center;
}

/* UBICACIÓN ICONO FLOTANTE WHATSAPP */
.whatsappDiv.right {
	bottom: 20px !important;
	right: 25px !important;
}

/* SCROLL SELECTOR DE MARCA */
.facet-dropdown .dropdown-menu {
	overflow: auto;
	height: 400px;
}

/* ESTILOS RESPONSIVOS */
#subcategories ul li {
	min-width: 160px;
	margin: 0.6rem;
}
#category-description img {
	width: 100%;
	height: auto;
}
#subcategories ul li .subcategory-image a {
	display: block;
	padding: 0;
	border: 1px solid #f6f6f6;
}
@media only screen and (max-width: 767px){
.container {
	width: 98% !important;
}
#category #content-wrapper {
	padding: 0;
}
.block-category {
	padding: 0 !important;
}
#subcategories ul {
	justify-content: flex-start;
}
#subcategories ul li {
	min-width: 48%;
	margin: 1%;
}
}

#checkout label img[alt="Oca ePak"] {
	padding-top: 0 !important;
	left: 0 !important;
	top: 0 !important;
}

/* SUSCRIPCION VISIBLE REPSONSIVE */
@media (max-width: 575px) {
	.hidden-xs-down {
	  display: block !important;
	}
	.block_newsletter form .input-wrapper {
		overflow: visible;
	}
  .btn.btn-primary[value="DE ACUERDO"] {
	display: none;
}

  
  /* --- Contenedor de lista --- */
.top-menu li {
    position: relative !important; /* Permite que el hijo se posicione respecto a este item */
    list-style: none;
}

/* --- Estilo Base para todos los submenús --- */
.top-menu[data-depth="2"], 
.top-menu[data-depth="3"] {
    position: absolute !important;
    background: #ffffff !important;
    min-width: 240px !important; /* Un poco más ancho para legibilidad */
    padding: 10px 0 !important;
    border: 1px solid #ddd !important;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.15) !important;
    z-index: 9999 !important;
}

/* --- NIVEL 2: Cuelga del menú principal --- */
.top-menu[data-depth="1"] > li > .top-menu[data-depth="2"] {
    top: 100% !important;
    left: 0 !important;
}

/* --- NIVEL 3: DESPLAZADO A LA DERECHA (Evita superposición) --- */
.top-menu[data-depth="2"] > li > .top-menu[data-depth="3"] {
    left: 100% !important; /* Empuja el menú fuera del bloque anterior */
    top: 0 !important;      /* Alinea con la parte superior del item padre */
    margin-left: 2px;      /* Pequeña separación para que no se peguen */
}

/* --- PUENTE INVISIBLE (Para evitar que se cierre en "Pinturas") --- */
.top-menu[data-depth="3"]::before {
    content: "";
    position: absolute;
    left: -20px; 
    top: 0;
    width: 20px;
    height: 100%;
}

/* --- Estética de los Enlaces --- */
.top-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    color: #333 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.top-menu li a:hover {
    background-color: #f1f1f1 !important;
    color: #e31b13 !important; /* Rojo La Clarita */
    padding-left: 25px !important;
}