.elementor-900 .elementor-element.elementor-element-92873ed{--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-900 .elementor-element.elementor-element-92873ed:not(.elementor-motion-effects-element-type-background), .elementor-900 .elementor-element.elementor-element-92873ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e3f3ce7 );}.elementor-900 .elementor-element.elementor-element-f9b6161{--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-900 .elementor-element.elementor-element-f9b6161:not(.elementor-motion-effects-element-type-background), .elementor-900 .elementor-element.elementor-element-f9b6161 > .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-repeat:no-repeat;background-size:cover;}.elementor-900 .elementor-element.elementor-element-f9b6161::before, .elementor-900 .elementor-element.elementor-element-f9b6161 > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-f9b6161 > .e-con-inner > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-f9b6161 > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-f9b6161 > .e-con-inner > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-f9b6161 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-900 .elementor-element.elementor-element-f47bcfb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-900 .elementor-element.elementor-element-03f94a9{text-align:center;}.elementor-900 .elementor-element.elementor-element-03f94a9 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-bf31a64{--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-900 .elementor-element.elementor-element-bf31a64:not(.elementor-motion-effects-element-type-background), .elementor-900 .elementor-element.elementor-element-bf31a64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-411d6f6{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-900 .elementor-element.elementor-element-411d6f6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-900 .elementor-element.elementor-element-5a6defc{--display:flex;}.elementor-900 .elementor-element.elementor-element-2ee3423{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-900 .elementor-element.elementor-element-2ee3423:not(.elementor-motion-effects-element-type-background), .elementor-900 .elementor-element.elementor-element-2ee3423 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/barre_flow_bilbao_moov-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-900 .elementor-element.elementor-element-2ee3423::before, .elementor-900 .elementor-element.elementor-element-2ee3423 > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-2ee3423 > .e-con-inner > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-2ee3423 > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-2ee3423 > .e-con-inner > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-2ee3423 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-900 .elementor-element.elementor-element-f1faa89 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-9dc7146{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-900 .elementor-element.elementor-element-9dc7146 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-5aa1c81{--display:flex;}.elementor-900 .elementor-element.elementor-element-ced9210{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-900 .elementor-element.elementor-element-ced9210:not(.elementor-motion-effects-element-type-background), .elementor-900 .elementor-element.elementor-element-ced9210 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/ballet-barre-bilbao-clase.jpg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-900 .elementor-element.elementor-element-ced9210::before, .elementor-900 .elementor-element.elementor-element-ced9210 > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-ced9210 > .e-con-inner > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-ced9210 > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-ced9210 > .e-con-inner > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-ced9210 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-900 .elementor-element.elementor-element-86e1b21 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-37bcd68{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-900 .elementor-element.elementor-element-37bcd68 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-b77c4cb{--display:flex;}.elementor-900 .elementor-element.elementor-element-c8a1092{--display:flex;--min-height:400px;--justify-content:space-between;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;}.elementor-900 .elementor-element.elementor-element-c8a1092:not(.elementor-motion-effects-element-type-background), .elementor-900 .elementor-element.elementor-element-c8a1092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/barre-sculpt-bilbao.jpg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-900 .elementor-element.elementor-element-c8a1092::before, .elementor-900 .elementor-element.elementor-element-c8a1092 > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-c8a1092 > .e-con-inner > .elementor-background-video-container::before, .elementor-900 .elementor-element.elementor-element-c8a1092 > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-c8a1092 > .e-con-inner > .elementor-background-slideshow::before, .elementor-900 .elementor-element.elementor-element-c8a1092 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-900 .elementor-element.elementor-element-47fe0ae .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-ed4a641{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-900 .elementor-element.elementor-element-ed4a641 .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-900 .elementor-element.elementor-element-bd23b56{--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-900 .elementor-element.elementor-element-f47bcfb{--width:450px;}}@media(max-width:1024px){.elementor-900 .elementor-element.elementor-element-03f94a9{text-align:center;}.elementor-900 .elementor-element.elementor-element-bd23b56{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-900 .elementor-element.elementor-element-bf31a64{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-900 .elementor-element.elementor-element-411d6f6{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-900 .elementor-element.elementor-element-bd23b56{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;}}/* Start custom CSS for heading, class: .elementor-element-03f94a9 *//* 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-f9b6161 */.elementor-900 .elementor-element.elementor-element-f9b6161 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ee3423 */.elementor-900 .elementor-element.elementor-element-2ee3423:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-900 .elementor-element.elementor-element-2ee3423 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

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

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

@media (max-width: 1024px) {
    .elementor-900 .elementor-element.elementor-element-c8a1092 p {
        opacity: 1;
        visibility: visible;
    }
}

.elementor-900 .elementor-element.elementor-element-c8a1092 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ee3423 */.elementor-900 .elementor-element.elementor-element-2ee3423:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-900 .elementor-element.elementor-element-2ee3423 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

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

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

@media (max-width: 1024px) {
    .elementor-900 .elementor-element.elementor-element-c8a1092 p {
        opacity: 1;
        visibility: visible;
    }
}

.elementor-900 .elementor-element.elementor-element-c8a1092 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ee3423 */.elementor-900 .elementor-element.elementor-element-2ee3423:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-900 .elementor-element.elementor-element-2ee3423 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

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

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

@media (max-width: 1024px) {
    .elementor-900 .elementor-element.elementor-element-c8a1092 p {
        opacity: 1;
        visibility: visible;
    }
}

.elementor-900 .elementor-element.elementor-element-c8a1092 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ee3423 */.elementor-900 .elementor-element.elementor-element-2ee3423:hover p {
    opacity: 1;
    visibility: visible;
}
.elementor-900 .elementor-element.elementor-element-2ee3423 p {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    background: #00000099;
    padding: 10px 15px;
    border-radius: 8px;
}

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

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

@media (max-width: 1024px) {
    .elementor-900 .elementor-element.elementor-element-c8a1092 p {
        opacity: 1;
        visibility: visible;
    }
}

.elementor-900 .elementor-element.elementor-element-c8a1092 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-bd23b56 *//* ====================================================================
   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 */