.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-272 .elementor-element.elementor-element-57f9190 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-272 .elementor-element.elementor-element-57f9190 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-272 .elementor-element.elementor-element-57f9190{width:var( --container-widget-width, 74.07% );max-width:74.07%;padding:0px 0px 0px 0px;--container-widget-width:74.07%;--container-widget-flex-grow:0;z-index:1;--image-border-radius:20px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:var( --e-global-color-34c217a );--galleries-title-color-hover:#fff;--galleries-pointer-bg-color-hover:var( --e-global-color-1be489a );}.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery__titles-container{margin-bottom:52px;}body.elementor-page-272:not(.elementor-motion-effects-element-type-background), body.elementor-page-272 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f4d8edc );}@media(max-width:767px){.elementor-272 .elementor-element.elementor-element-57f9190{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}




/* Start custom CSS for gallery, class: .elementor-element-57f9190 *//* Contenedor de los filtros: ajusta el espaciado y quita líneas por defecto */
.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery__titles {
    border: none !important;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Cambia a 'flex-start' si los quieres alineados a la izquierda */
    margin-bottom: 20px;
}

/* Estilo base para todos los botones (estado inactivo) */
.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery-title {
    background-color: #2b2c30; /* Color gris oscuro del fondo */
    color: #a8a8a8 !important; /* Color gris claro del texto */
    padding: 10px 24px !important;
    border-radius: 50px !important; /* Borde redondeado estilo píldora */
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    transition: all 0.3s ease;
    margin: 5px; /* Margen de seguridad */
}

/* Eliminar las líneas decorativas que Elementor pone por defecto (punteros) */
.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery-title:after, 
.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery-title:before {
    display: none !important;
}

/* Estilo al pasar el cursor (Hover) */
.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery-title:hover {
    background-color: #38393e; 
    color: #ffffff !important;
}

/* Estilo para el botón ACTIVO */
.elementor-272 .elementor-element.elementor-element-57f9190 .elementor-gallery-title.elementor-item-active {
    background-color: #fbbc04 !important; /* Color amarillo */
    color: #111111 !important; /* Color de texto oscuro */
}/* End custom CSS */