.elementor-16 .elementor-element.elementor-element-696c116{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-16 .elementor-element.elementor-element-696c116:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-696c116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e3f3ce7 );}.elementor-16 .elementor-element.elementor-element-a0e959e{--display:flex;--min-height:90vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-16 .elementor-element.elementor-element-a0e959e:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-a0e959e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/04/3-2-scaled.webp");background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-a0e959e::before, .elementor-16 .elementor-element.elementor-element-a0e959e > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-a0e959e > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-a0e959e > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-a0e959e > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-a0e959e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-c668c80{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16 .elementor-element.elementor-element-1c8e8e9{text-align:center;}.elementor-16 .elementor-element.elementor-element-1c8e8e9 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-11d9920{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-16 .elementor-element.elementor-element-11d9920:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-11d9920 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-0de1b30{width:var( --container-widget-width, 50% );max-width:50%;margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;letter-spacing:1px;}.elementor-16 .elementor-element.elementor-element-0de1b30.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-0aa0923{--display:flex;}.elementor-16 .elementor-element.elementor-element-4e4c6f5{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-16 .elementor-element.elementor-element-4e4c6f5:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-4e4c6f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/pilates-bilbao-moov-studio.jpg-modified-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-4e4c6f5::before, .elementor-16 .elementor-element.elementor-element-4e4c6f5 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-4e4c6f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-4e4c6f5 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-4e4c6f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-4e4c6f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-66e6373 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-469eedc{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-469eedc .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-7e8b4eb{--display:flex;}.elementor-16 .elementor-element.elementor-element-549cbf6{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-16 .elementor-element.elementor-element-549cbf6:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-549cbf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/barre-bilbao-moov-studio.jpg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-549cbf6::before, .elementor-16 .elementor-element.elementor-element-549cbf6 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-549cbf6 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-549cbf6 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-549cbf6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-549cbf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-735d1e8 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-e58af90{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-e58af90 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-dfaeb64{--display:flex;}.elementor-16 .elementor-element.elementor-element-b4815d2{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-16 .elementor-element.elementor-element-b4815d2:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-b4815d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/yoga_bilbao_moov-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-b4815d2::before, .elementor-16 .elementor-element.elementor-element-b4815d2 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-b4815d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-b4815d2 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-b4815d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-b4815d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-85e9991 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-29faccc{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-29faccc .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-16 .elementor-element.elementor-element-209a150{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-c668c80{--width:450px;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-1c8e8e9{text-align:center;}.elementor-16 .elementor-element.elementor-element-209a150{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-11d9920{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-16 .elementor-element.elementor-element-0de1b30{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-209a150{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;}}/* Start custom CSS for heading, class: .elementor-element-1c8e8e9 *//* 1. Animación que moverá la máscara en diagonal */
@keyframes revelarDiagonal {
    0% {
        -webkit-mask-position: 0% 0%;
        mask-position: 0% 0%;
    }
    100% {
        -webkit-mask-position: 100% 100%;
        mask-position: 100% 100%;
    }
}

/* 2. La clase para tu texto en Elementor */
.texto-revelado-hero {
    /* Cambiamos el gradiente a diagonal (hacia abajo y a la derecha).
       La zona transparente cubrirá el texto al inicio, y la zona negra lo revelará. */
    -webkit-mask-image: linear-gradient(to bottom right, transparent 0%, transparent 40%, black 60%, black 100%);
    mask-image: linear-gradient(to bottom right, transparent 0%, transparent 40%, black 60%, black 100%);
    
    /* Agrandamos la máscara al 300% en AMBOS ejes (ancho y alto) para tener recorrido */
    -webkit-mask-size: 300% 300%;
    mask-size: 300% 300%;
    
    /* Estado inicial: El texto está en la esquina transparente */
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
    
    /* Ejecutamos la animación */
    animation: revelarDiagonal 2.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    
    /* Retraso opcional */
    animation-delay: 0.1s; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e959e */.elementor-16 .elementor-element.elementor-element-a0e959e {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e4c6f5 */.elementor-16 .elementor-element.elementor-element-4e4c6f5:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-549cbf6 */.elementor-16 .elementor-element.elementor-element-549cbf6:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-549cbf6 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-549cbf6 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-549cbf6 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4815d2 */.elementor-16 .elementor-element.elementor-element-b4815d2:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-b4815d2 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-b4815d2 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-b4815d2 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e4c6f5 */.elementor-16 .elementor-element.elementor-element-4e4c6f5:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-549cbf6 */.elementor-16 .elementor-element.elementor-element-549cbf6:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-549cbf6 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-549cbf6 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-549cbf6 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4815d2 */.elementor-16 .elementor-element.elementor-element-b4815d2:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-b4815d2 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-b4815d2 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-b4815d2 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e4c6f5 */.elementor-16 .elementor-element.elementor-element-4e4c6f5:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-549cbf6 */.elementor-16 .elementor-element.elementor-element-549cbf6:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-549cbf6 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-549cbf6 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-549cbf6 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4815d2 */.elementor-16 .elementor-element.elementor-element-b4815d2:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-b4815d2 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-b4815d2 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-b4815d2 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e4c6f5 */.elementor-16 .elementor-element.elementor-element-4e4c6f5:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-4e4c6f5 p {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-549cbf6 */.elementor-16 .elementor-element.elementor-element-549cbf6:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-549cbf6 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-549cbf6 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-549cbf6 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4815d2 */.elementor-16 .elementor-element.elementor-element-b4815d2:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-16 .elementor-element.elementor-element-b4815d2 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .elementor-16 .elementor-element.elementor-element-b4815d2 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-16 .elementor-element.elementor-element-b4815d2 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-209a150 *//* ====================================================================
   EFECTO ACORDEÓN SOLO PARA ESCRITORIO (Pantallas mayores a 1024px)
   ==================================================================== */
@media (min-width: 1025px) {
    
    /* 1. Forzar al contenedor de Swiper a usar Flexbox */
    .carrusel-acordeon .swiper-wrapper {
        display: flex !important;
    }

    /* 2. Anular el ancho fijo de Swiper y usar proporciones (Flex) */
    .carrusel-acordeon .swiper-slide {
        width: auto !important; 
        flex: 1; 
        transition: flex 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); 
        overflow: hidden; 
        cursor: pointer;
    }

    /* 3. Efecto Expansión: Al pasar el cursor, la tarjeta crece */
    .carrusel-acordeon .swiper-wrapper:hover .swiper-slide:hover {
        flex: 2.5; /* Ajusta este valor si quieres que se expanda más o menos */
    }

    /* Opcional: Hacer que las tarjetas inactivas se encojan un poquito más */
    .carrusel-acordeon .swiper-wrapper:hover .swiper-slide:not(:hover) {
        flex: 0.8;
    }

    /* 4. Estilos para el texto y botón que aparecerán */
    .carrusel-acordeon .contenido-oculto {
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px); 
        transition: all 0.4s ease;
        max-height: 0; 
    }

    /* 5. Animación de entrada para el contenido cuando la tarjeta está en hover */
    .carrusel-acordeon .swiper-slide:hover .contenido-oculto {
        opacity: 1;
        visibility: visible;
        transform: translateY(0); 
        max-height: 200px; 
        transition-delay: 0.2s; 
    }

    /* 6. Prevenir que el contenido interno se aplaste o rompa la estructura */
    .carrusel-acordeon .swiper-slide .e-con-inner {
        min-width: 280px; 
    }
}/* End custom CSS */