.elementor-897 .elementor-element.elementor-element-e6a6855{--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-897 .elementor-element.elementor-element-e6a6855:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-e6a6855 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e3f3ce7 );}.elementor-897 .elementor-element.elementor-element-f26fecf{--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-897 .elementor-element.elementor-element-f26fecf:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-f26fecf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/yoga_bilbao_moov-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-897 .elementor-element.elementor-element-f26fecf::before, .elementor-897 .elementor-element.elementor-element-f26fecf > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-f26fecf > .e-con-inner > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-f26fecf > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-f26fecf > .e-con-inner > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-f26fecf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-897 .elementor-element.elementor-element-5eeb37c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-897 .elementor-element.elementor-element-b08335b{text-align:center;}.elementor-897 .elementor-element.elementor-element-b08335b .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-db38beb{--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:40px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-897 .elementor-element.elementor-element-db38beb:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-db38beb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-4d738e5{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-897 .elementor-element.elementor-element-4d738e5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-897 .elementor-element.elementor-element-801b588{--display:flex;}.elementor-897 .elementor-element.elementor-element-216d650{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-897 .elementor-element.elementor-element-216d650:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-216d650 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/rocket-yoga-bilbao-estudio.jpg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-897 .elementor-element.elementor-element-216d650::before, .elementor-897 .elementor-element.elementor-element-216d650 > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-216d650 > .e-con-inner > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-216d650 > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-216d650 > .e-con-inner > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-216d650 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-897 .elementor-element.elementor-element-61313ad .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-be32a26{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-897 .elementor-element.elementor-element-be32a26 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-eed1547{--display:flex;}.elementor-897 .elementor-element.elementor-element-dd43ded{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-897 .elementor-element.elementor-element-dd43ded:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-dd43ded > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/yoga-bilbao-vinyasa-moov-studio.jpg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-897 .elementor-element.elementor-element-dd43ded::before, .elementor-897 .elementor-element.elementor-element-dd43ded > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-dd43ded > .e-con-inner > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-dd43ded > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-dd43ded > .e-con-inner > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-dd43ded > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-897 .elementor-element.elementor-element-ba7fcf7 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-00d6479{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-897 .elementor-element.elementor-element-00d6479.elementor-element{--align-self:flex-start;}.elementor-897 .elementor-element.elementor-element-00d6479 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-91f6dc0{--display:flex;}.elementor-897 .elementor-element.elementor-element-4b8ddc7{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-897 .elementor-element.elementor-element-4b8ddc7:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-4b8ddc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/power-yoga-bilbao-clase.jpg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-897 .elementor-element.elementor-element-4b8ddc7::before, .elementor-897 .elementor-element.elementor-element-4b8ddc7 > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-4b8ddc7 > .e-con-inner > .elementor-background-video-container::before, .elementor-897 .elementor-element.elementor-element-4b8ddc7 > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-4b8ddc7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-897 .elementor-element.elementor-element-4b8ddc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-897 .elementor-element.elementor-element-b630460 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-a8d4c83{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-897 .elementor-element.elementor-element-a8d4c83 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-897 .elementor-element.elementor-element-ba9b174{--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-897 .elementor-element.elementor-element-5eeb37c{--width:450px;}}@media(max-width:1024px){.elementor-897 .elementor-element.elementor-element-b08335b{text-align:center;}.elementor-897 .elementor-element.elementor-element-ba9b174{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-897 .elementor-element.elementor-element-db38beb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-897 .elementor-element.elementor-element-4d738e5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-897 .elementor-element.elementor-element-ba9b174{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;}}/* Start custom CSS for heading, class: .elementor-element-b08335b *//* 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-f26fecf */.elementor-897 .elementor-element.elementor-element-f26fecf {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-216d650 */.elementor-897 .elementor-element.elementor-element-216d650:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-897 .elementor-element.elementor-element-216d650 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
    .elementor-897 .elementor-element.elementor-element-4b8ddc7 p {
        opacity: 1;
        visibility: visible;
    }
}
.elementor-897 .elementor-element.elementor-element-4b8ddc7 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ba9b174 *//* ====================================================================
   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 */