.elementor-21976 .elementor-element.elementor-element-33e2d25d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-33e2d25d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-1aaac3ab{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-1aaac3ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-1e25bb7a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-1e25bb7a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-5c2e0ec6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-5c2e0ec6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-2673cc46{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-2673cc46.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-7a74224d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-7a74224d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-6ec2255d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-6ec2255d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-7036377c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-7036377c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-1a5b07da{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-1a5b07da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-1231862f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-1231862f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-f21b23d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-f21b23d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-f2d7a74{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-f2d7a74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-cf8e625{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-cf8e625.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-290ae4fc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-290ae4fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-26065b9a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-26065b9a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-b794527{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21976 .elementor-element.elementor-element-b794527.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21976 .elementor-element.elementor-element-bfa013{--e-n-carousel-swiper-slides-to-display:8;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}@media(max-width:991px){.elementor-21976 .elementor-element.elementor-element-bfa013{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-21976 .elementor-element.elementor-element-33e2d25d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-1aaac3ab{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-1e25bb7a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-5c2e0ec6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-2673cc46{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-7a74224d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-6ec2255d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-7036377c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-1a5b07da{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-1231862f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-f21b23d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-f2d7a74{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-cf8e625{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-290ae4fc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-26065b9a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-b794527{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21976 .elementor-element.elementor-element-bfa013{--e-n-carousel-swiper-slides-to-display:3;}:where( .elementor-21976 .elementor-element.elementor-element-bfa013 .swiper-slide ) > .e-con{--border-radius:25px 25px 25px 25px;}}/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e2d25d */.elementor-21976 .elementor-element.elementor-element-33e2d25d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-33e2d25d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-33e2d25d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-33e2d25d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aaac3ab */.elementor-21976 .elementor-element.elementor-element-1aaac3ab {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1aaac3ab .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1aaac3ab:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1aaac3ab {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e25bb7a */.elementor-21976 .elementor-element.elementor-element-1e25bb7a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1e25bb7a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1e25bb7a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1e25bb7a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2e0ec6 */.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-5c2e0ec6:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-5c2e0ec6 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2673cc46 */.elementor-21976 .elementor-element.elementor-element-2673cc46 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-2673cc46 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-2673cc46:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-2673cc46 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a74224d */.elementor-21976 .elementor-element.elementor-element-7a74224d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7a74224d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7a74224d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7a74224d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec2255d */.elementor-21976 .elementor-element.elementor-element-6ec2255d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-6ec2255d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-6ec2255d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-6ec2255d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7036377c */.elementor-21976 .elementor-element.elementor-element-7036377c {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-7036377c .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-7036377c:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-7036377c {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5b07da */.elementor-21976 .elementor-element.elementor-element-1a5b07da {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1a5b07da .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1a5b07da:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1a5b07da {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1231862f */.elementor-21976 .elementor-element.elementor-element-1231862f {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-1231862f .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-1231862f:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-1231862f {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21b23d */.elementor-21976 .elementor-element.elementor-element-f21b23d {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f21b23d .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f21b23d:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f21b23d {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2d7a74 */.elementor-21976 .elementor-element.elementor-element-f2d7a74 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-f2d7a74 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-f2d7a74:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-f2d7a74 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8e625 */.elementor-21976 .elementor-element.elementor-element-cf8e625 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-cf8e625 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-cf8e625:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-cf8e625 {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290ae4fc */.elementor-21976 .elementor-element.elementor-element-290ae4fc {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-290ae4fc .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-290ae4fc:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-290ae4fc {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26065b9a */.elementor-21976 .elementor-element.elementor-element-26065b9a {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-26065b9a .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-26065b9a:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-26065b9a {
        width: 110px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b794527 */.elementor-21976 .elementor-element.elementor-element-b794527 {
    position: relative;
    width: 100%;
    aspect-ratio: 444 / 168;
    overflow: hidden;
}

/* Ambos widgets exactamente del mismo tamaño */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen principal */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* Imagen hover */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Wrappers internos de Elementor */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal .elementor-widget-container,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ambas imágenes ocupan exactamente la misma caja */
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-principal img,
.elementor-21976 .elementor-element.elementor-element-b794527 .imagen-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambio al pasar el cursor */
.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-principal {
    opacity: 0;
}

.elementor-21976 .elementor-element.elementor-element-b794527:hover .imagen-hover {
    opacity: 1;
}

/* En móvil conservamos el tamaño pequeño que ya funcionaba */
@media (max-width: 767px) {
    .elementor-21976 .elementor-element.elementor-element-b794527 {
        width: 110px;
    }
}/* End custom CSS */