.elementor-4431 .elementor-element.elementor-element-4764f353{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-4431 .elementor-element.elementor-element-4764f353:not(.elementor-motion-effects-element-type-background), .elementor-4431 .elementor-element.elementor-element-4764f353 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4431 .elementor-element.elementor-element-4764f353::before, .elementor-4431 .elementor-element.elementor-element-4764f353 > .elementor-background-video-container::before, .elementor-4431 .elementor-element.elementor-element-4764f353 > .e-con-inner > .elementor-background-video-container::before, .elementor-4431 .elementor-element.elementor-element-4764f353 > .elementor-background-slideshow::before, .elementor-4431 .elementor-element.elementor-element-4764f353 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4431 .elementor-element.elementor-element-4764f353 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4431 .elementor-element.elementor-element-3dd989b2{text-align:center;}.elementor-4431 .elementor-element.elementor-element-3dd989b2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-4431 .elementor-element.elementor-element-63749691{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4431 .elementor-element.elementor-element-63749691:not(.elementor-motion-effects-element-type-background), .elementor-4431 .elementor-element.elementor-element-63749691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F1ED;}.elementor-4431 .elementor-element.elementor-element-4e182d44{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4431 .elementor-element.elementor-element-1b5cb50f{width:initial;max-width:initial;}.elementor-4431 .elementor-element.elementor-element-1b5cb50f.elementor-element{--align-self:flex-start;}.elementor-4431 .elementor-element.elementor-element-38f7f3d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-63749691 */#contenedor_mercados {
    display: flex;
    flex-wrap: wrap;
    
    gap: 20px; /* Espaciado entre elementos */

}

/* Estilos para cada mercado */
.mercado-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 150px; /* Ancho máximo para mantener consistencia */
    cursor:pointer;
   transform: scale(1);
    border-radius: 8px;
    transition: 0.3s ease;
    font-family: "Roboto";
}
.mercado-icono .color{
    fill:transparent; 
    transition:.4s ease;
}
.mercado-item:hover .mercado-icono .color {
     fill: #86AD3F;
}

.item-mercado-activo .mercado-icono .color{
      fill: #86AD3F;
}
/* Estilo para los íconos */
.mercado-icono {
    width: 60px;
    height: 60px;
   
}

.mercado-icono svg {
    width: 100%;
    height: 100%;
}

/* Estilo para los títulos */
.mercado-titulo {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    line-height: 1.4;
}

/* Responsividad */
@media (max-width: 768px) {
    #contenedor_mercados {
        gap: 15px;
    }

    .mercado-item {
        width: 120px;
    }

    .mercado-titulo {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    #contenedor_mercados {
        gap: 10px;
    }

    .mercado-item {
        width: 100px;
    }

    .mercado-titulo {
        font-size: 12px;
    }
}


#contenedor_mercados_ajax {
    position: relative;
    background:#222222;
}

#imagen_mercados_contenedor {
   background-color: #000; /* Fondo negro por defecto */
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: background-color 0.3s ease; 
}
#datos_mercado {
    opacity: 1; /* Opacidad por defecto */
    transition: opacity 0.3s ease; /* Transición suave para la opacidad */
    font-family: "Roboto";
}
#datos_mercado {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 20px;
    width: 100%;
}

#datos_mercado h2 {
    font-size: 28px;
    margin: 0 0 10px;
    color:#A0B913;
    font-family: "Roboto";
}

#datos_mercado p {
    font-size: 16px;
    margin: 0 0 15px;
    color:#fff;
    font-family: "Roboto";
}

.boton_mercado {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background: #A0B913;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.boton_mercado:hover {
    background: #9CAA17;
    color:#fff;
}/* End custom CSS */