@charset "utf-8";
/* CSS Document */


/* Busca el overlay y el texto SOLO dentro del banner elegido */
.banner-azul .elementor-iqit-banner-overlay {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 1 !important;
  background-color: rgba(2, 29, 113, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
}

.banner-azul .elementor-iqit-banner-content {
  z-index: 2 !important;
}

.banner-azul .elementor-iqit-banner-img {
  z-index: 0 !important;
}

.logo-pie{max-width:290px;}
.plinks ul li a:before {
	content:none !important;
	position:inherit !important;
	left: inherit !important;
	bottom: inherit !important;
	top: inherit !important;
	
	font-size:0px;
	transition:none !important;
}

.plinks ul li a {
	padding-left: inherit !important;
}

.plinks ul li {
	margin-bottom: inherit !important;
}
.icoface a, .icoface a:visited {color:#021e71 !important;}
.icoface a:hover, .icoface a:visited:hover {color:#fff200 !important;}


@media (min-width:992px) and (max-width:1023px) {
.cbp-horizontal .cbp-tab-title {
	font-size: 12px;
}	
.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link {
	padding-left: 8px;
	padding-right: 8px;
}	
}

@media (min-width:1024px) and (max-width:1078px) {
.cbp-horizontal .cbp-tab-title {
	font-size: 13px;
}	
.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link {
	padding-left: 8px;
	padding-right: 8px;
}	
}


@media (min-width:768px) and  (max-width:992px) {
	.banner-azul .elementor-iqit-banner-title{font-size:22px !important;}
}
@media (min-width:993px) and  (max-width:1030px) {
	.banner-azul .elementor-iqit-banner-title{font-size:24px !important;}
}
@media (min-width:768px) and (max-width:1576px) {
	
/* 1. Preparamos el contenedor principal */
.elementor-element.buscamos {
    position: relative !important;
    background-image: none !important; /* Quitamos el fondo del div principal */
}

/* 2. Creamos una capa que ocupa solo la mitad derecha */
.elementor-element.buscamos::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;          /* Ocupa exactamente la mitad del ancho */
    height: 100%;        /* Ocupa todo el alto disponible */
    z-index: 0;          /* Se coloca detrás del texto */
    
    /* Configuración de la imagen */
background-image: url("https://des.prodesin.net/~dgandara/img/cms/almacen-gandara.webp");
    background-size: cover;           /* Llena todo el alto y recorta lo que sobre */
    background-position: left center; /* El recorte se hace por la izquierda */
    background-repeat: no-repeat;
}

/* 3. Aseguramos que el contenido de Elementor quede por encima de la imagen */
.elementor-element.buscamos > .elementor-container {
    position: relative;
    z-index: 1;
}	
	
}

@media (max-width:480px) {

/* Selecciona el contenedor de la imagen */
.banner-azul .elementor-iqit-banner-img {
    max-height: 220px; /* Cambia 250px por el alto máximo que quieras */
    overflow: hidden;  /* Oculta lo que sobresalga */
    display: block;    /* Asegura que el contenedor respete el alto */
}

/* Controla el recorte de la imagen */
.banner-azul .elementor-iqit-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Escala la imagen sin deformarla */
    object-position: bottom; /* Mantiene fija la base y recorta el exceso superior */
}
}
@media (min-width:481px) and (max-width:585px) {

/* Selecciona el contenedor de la imagen */
.banner-azul .elementor-iqit-banner-img {
    max-height: 250px; /* Cambia 250px por el alto máximo que quieras */
    overflow: hidden;  /* Oculta lo que sobresalga */
    display: block;    /* Asegura que el contenedor respete el alto */
}

/* Controla el recorte de la imagen */
.banner-azul .elementor-iqit-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Escala la imagen sin deformarla */
    object-position: bottom; /* Mantiene fija la base y recorta el exceso superior */
}
}

@media (min-width:586px) and (max-width:768px) {

/* Selecciona el contenedor de la imagen */
.banner-azul .elementor-iqit-banner-img {
    max-height: 340px; /* Cambia 250px por el alto máximo que quieras */
    overflow: hidden;  /* Oculta lo que sobresalga */
    display: block;    /* Asegura que el contenedor respete el alto */
}

/* Controla el recorte de la imagen */
.banner-azul .elementor-iqit-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Escala la imagen sin deformarla */
    object-position: bottom; /* Mantiene fija la base y recorta el exceso superior */
}
}
.product-miniature-default .product-thumbnail img {
	width: 100%;
}
#product .product-cover .expander > span {
	display: none;
}
/*reparacion filtros*/
@media (max-width: 991.98px) {
    #left-column.-only-facet-search > :not(#facets_search_wrapper),
    #right-column.-only-facet-search > :not(#facets_search_wrapper) {
        display: none;
    }
    #search_filter_toggler {
        width: 100%;
    }
    #left-column #facets_search_wrapper {
        display: none;
    }
    #left-column.-only-facet-search #facets_search_wrapper {
        display: block;
    }
	#left-column .block-categories  {display:none;}
}
/*end reparacion filtros*/

#wrapper .breadcrumb {
    position: relative;
    z-index: 1;
	text-transform: uppercase;
	font-weight: 500;
}
#wrapper .breadcrumb li::after {
	opacity: 1;
}
#wrapper .breadcrumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(2, 29, 113, 0.5);*/
	background-color: rgba(0, 0, 190, 0.5); /* Ajusta el 0.5 para variar la opacidad */
    z-index: -1; /* Se sitúa sobre el fondo, pero detrás del texto */
    pointer-events: none; /* Evita que bloquee los clics en los enlaces */
}
#wrapper .breadcrumb ol li:last-child,
#wrapper .breadcrumb ol li:last-child span,
#wrapper .breadcrumb ol li:last-child a {
    color: #fff200;
}