.elementor-3271 .elementor-element.elementor-element-c0691cd{--display:flex;--padding-top:12rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-3271 .elementor-element.elementor-element-e1c7ec0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3271 .elementor-element.elementor-element-247507f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-8294800 );--border-color:var( --e-global-color-8294800 );--padding-top:5rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-3271 .elementor-element.elementor-element-247507f:not(.elementor-motion-effects-element-type-background), .elementor-3271 .elementor-element.elementor-element-247507f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FBFF;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-size:var( --e-global-typography-text-font-size );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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3271 .elementor-element.elementor-element-4fb5df9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-3271 .elementor-element.elementor-element-4fb5df9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-3271 .elementor-element.elementor-element-4fb5df9{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}body.elementor-page-3271{padding:1rem 1rem 1rem 1rem;}@media(max-width:1024px){.elementor-3271 .elementor-element.elementor-element-247507f{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-3271 .elementor-element.elementor-element-c0691cd{--padding-top:10rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3271 .elementor-element.elementor-element-247507f{--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for gallery, class: .elementor-element-4fb5df9 *//* =========================================================
   GenMANN — Estilo de marca para la Galería (Elementor)
   Paleta: rojo #de393a / amarillo #ffb81c / fondo #f8fbff
   Pega esto en: Elementor > Configuración del sitio > 
   Personalizado > CSS personalizado (o en el CSS del 
   widget de galería si prefieres acotarlo solo a esa página)
   ========================================================= */

:root {
    --gm-red: #de393a;
    --gm-yellow: #ffb81c;
    --gm-dark: #1f1f1f;
    --gm-gray-bg: #f8fbff;
    --gm-frame: #e2e6ea; /* trazo gris del marco, un poco más visible que el border de marca */
}

/* Fondo y respiro alrededor de la galería */
.elementor-widget-gallery {
    background-color: var(--gm-gray-bg);
    padding: 24px !important;
    border-radius: 20px;
}

/* Separación entre imágenes (el widget trae gap: 0 por defecto) */
.elementor-widget-gallery .elementor-gallery__container {
    gap: 14px !important;
}

/* Tarjeta de cada imagen: marco gris + sombra suave siempre visible */
.elementor-widget-gallery .e-gallery-item {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--gm-frame);
    background: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.elementor-widget-gallery .e-gallery-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12);
}

/* Zoom suave en la imagen al hacer hover */
.elementor-widget-gallery .e-gallery-image {
    transition: transform 0.5s ease;
    border-radius: 14px;
}

.elementor-widget-gallery .e-gallery-item:hover .e-gallery-image {
    transform: scale(1.08);
}

/* Overlay rojo sólido (con opacidad) al pasar el mouse */
.elementor-widget-gallery .elementor-gallery-item__overlay {
    background-color: rgba(222, 57, 58, 0.78) !important;
    background-image: none !important;
    opacity: 0;
    transition: opacity 0.35s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-widget-gallery .e-gallery-item:hover .elementor-gallery-item__overlay {
    opacity: 1;
}

/* Ícono de Font Awesome (lupa) centrado en el overlay.
   Elementor carga Font Awesome por defecto; si tu instalación usa una
   versión distinta y el ícono no aparece, revisa el font-family exacto
   que usa cualquier ícono de Elementor en tu sitio (inspeccionar elemento)
   y reemplázalo abajo. */
.elementor-widget-gallery .elementor-gallery-item__overlay::after {
    content: "\f002"; /* fa-magnifying-glass / fa-search */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 28px;
    color: #ffffff;
    transform: scale(0.6);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.elementor-widget-gallery .e-gallery-item:hover .elementor-gallery-item__overlay::after {
    transform: scale(1);
    opacity: 1;
}

/* Bordes redondeados también dentro del lightbox al abrir la imagen */
.elementor-lightbox .swiper-slide img,
.elementor-lightbox .elementor-lightbox-image {
    border-radius: 10px;
}

/* Botón de cerrar y flechas del lightbox en color de marca al hacer hover */
.elementor-lightbox .dialog-close-button:hover i,
.elementor-lightbox .elementor-swiper-button:hover i {
    color: var(--gm-yellow) !important;
}

/* Responsive: menos padding y gap en móvil */
@media (max-width: 767px) {
    .elementor-widget-gallery {
        padding: 14px !important;
    }
    .elementor-widget-gallery .elementor-gallery__container {
        gap: 10px !important;
    }
}/* End custom CSS */