.elementor-37 .elementor-element.elementor-element-02171aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-be97560.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-be97560 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-3663c37.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-3663c37 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-eefbedd.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-eefbedd .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-0cfc086.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-0cfc086 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-3b4e7ec.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-3b4e7ec .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-276dd35.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-276dd35 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-6831e6a.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-6831e6a .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-5ebd157.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-5ebd157 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-33fc5cb.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-33fc5cb .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-7f61d6e.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-7f61d6e .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-91e5680.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-91e5680 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-0d9c0e9.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-0d9c0e9 .gallery-item .gallery-caption{text-align:center;}.elementor-37 .elementor-element.elementor-element-c005d03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-37 .elementor-element.elementor-element-a3a2cb9{--spacer-size:165px;}:root{--page-title-display:none;}/* Start custom CSS for image-gallery, class: .elementor-element-be97560 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-3663c37 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-eefbedd *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-0cfc086 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-3b4e7ec *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-276dd35 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-6831e6a *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-5ebd157 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-33fc5cb *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-7f61d6e *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-91e5680 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-0d9c0e9 *//* 1. Contenedor de cada imagen */
.gallery-item {
    position: relative !important;
    display: inline-block !important; /* Alinea uno al lado de otro */
    width: 33.33%; /* Ajusta esto si quieres 3 columnas (33%) o 4 (25%) */
    vertical-align: top;
    margin: 0 !important;
    padding: 10px !important; /* Espacio entre cuadros */
    box-sizing: border-box !important;
}

/* 2. El truco maestro: el icono de la galería manda el tamaño */
.gallery-icon {
    position: relative !important;
    display: block !important;
    line-height: 0;
}

.gallery-icon img {
    width: 100% !important;
    height: auto !important;
}

/* 3. El cuadro verde (Overlay) ajustado SOLO a la foto */
.gallery-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: black !important; /* Tu verde */
    color: white !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 15px !important;
    pointer-events: none;
    z-index: 10;
}

/* 4. Mostrar al pasar el ratón sobre el icono */
.gallery-item:hover .gallery-caption {
    opacity: 0.6 !important;
}

/* Estilo del texto */
.gallery-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
}/* End custom CSS */