/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 12 2026 | 20:54:21 */
.e-espacio-port-grupo {padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;}
.e-espacio-port-item  {padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px;}
.e-espacio-port-datos  {padding-top: 10px; padding-left: 20px;  padding-right: 20px;}
.e-espacio-port-fila-precio {display: flex; align-items: center; font-size: 0.8rem; }
.e-espacio-port-precio {font-size: 1.8rem; font-weight: bold; margin-left: 20px;}
.e-espacio-port-fila-capac {font-size: 0.8rem; }
.e-espacio-port-bloque-mas {margin-top: 20px; padding-top: 0px; padding-bottom: 0px; }
a.e-espacio-port-bloque-mas {display: block; }
a.e-espacio-port-bloque-mas:hover {background-color:var(--u-color-azul); }
a.e-espacio-port-bloque-mas:hover,a.e-espacio-port-bloque-mas:hover * {color: #ffffff !important;}
a.e-espacio-port-bloque-mas:hover img {  filter: brightness(0) invert(1);}

.e-espacio-port-fila-mas {font-size: 0.8rem; padding-top: 5px; padding-bottom: 5px; }
.e-espacio-port-flechader {font-size: 0.8rem; padding-top: 0px; padding-bottom: 0px; }
.e-espacio-port-flechader:hover {opacity: 0.8;}

.e-espacio-port-fila-logos{} /*div que contiene img de logos*/
.e-espacio-port-fila-logos img{ } /*div que contiene img de logos*/

@media (max-width: 1024px) {
	.e-espacio-port-banners-txt-abajo {font-size:1.3rem !important; margin-left: 30px;  }
	
	.u-menu-2-cont  {  background-color:var(--u-color-azul); }
	
 /* 1. Forzar que el logo y el botón compartan la misma fila */
    .u-menu-2-cont .e-con-inner { display: flex !important; flex-direction: row !important; justify-content: space-between !important;  align-items: center !important; flex-wrap: nowrap !important;width: 100% !important;    }

    /* 2. Asegurar que el logo sea visible y no se deforme */
    .u-menu-2-cont .e-espacio-port-fila-logos {        width: auto !important;        max-width: 70% !important;    }
    .u-menu-2-cont .e-espacio-port-fila-logos img {        display: block !important;        max-height: 45px !important;        width: auto !important;    }
    /* 3. Ajustar el botón (toggle) para que no sea ancho */
    .u-menu-2.elementor-widget-nav-menu {        width: auto !important;        margin-left: auto !important;    }
    /* 4. El menú desplegable (lo que sale al hacer clic) sí debe ser ancho total */
    .u-menu-2 .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        width: 100vw !important;        position: absolute !important;        right: -20px; /* Ajusta según el padding de tu contenedor */        top: 100%;        background-color: #ffffff !important;        z-index: 1000;    }    
    /* Extra: Espaciado de los items del menú desplegable */
    .u-menu-2 .elementor-nav-menu--dropdown a {        padding: 15px 20px !important;    }	
}