.elementor-1507 .elementor-element.elementor-element-a09dbb9{--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-1507 .elementor-element.elementor-element-a09dbb9:not(.elementor-motion-effects-element-type-background), .elementor-1507 .elementor-element.elementor-element-a09dbb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e3f3ce7 );}.elementor-1507 .elementor-element.elementor-element-f3b6721{--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-1507 .elementor-element.elementor-element-f3b6721:not(.elementor-motion-effects-element-type-background), .elementor-1507 .elementor-element.elementor-element-f3b6721 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/DSC8497-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1507 .elementor-element.elementor-element-f3b6721::before, .elementor-1507 .elementor-element.elementor-element-f3b6721 > .elementor-background-video-container::before, .elementor-1507 .elementor-element.elementor-element-f3b6721 > .e-con-inner > .elementor-background-video-container::before, .elementor-1507 .elementor-element.elementor-element-f3b6721 > .elementor-background-slideshow::before, .elementor-1507 .elementor-element.elementor-element-f3b6721 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1507 .elementor-element.elementor-element-f3b6721 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-1507 .elementor-element.elementor-element-c01a835{--display:flex;}.elementor-1507 .elementor-element.elementor-element-6b2053c{text-align:center;}.elementor-1507 .elementor-element.elementor-element-6b2053c .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-1507 .elementor-element.elementor-element-f7b2517{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1507 .elementor-element.elementor-element-f7b2517:not(.elementor-motion-effects-element-type-background), .elementor-1507 .elementor-element.elementor-element-f7b2517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e5f1aa1 );}.elementor-1507 .elementor-element.elementor-element-c481775{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1507 .elementor-element.elementor-element-142a249{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1507 .elementor-element.elementor-element-142a249:after{content:"0.66";}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-post__thumbnail__link{width:100%;}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-post__text{margin-top:20px;}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-post__badge{right:0;}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-post__card .elementor-post__badge{margin:20px;}@media(min-width:768px){.elementor-1507 .elementor-element.elementor-element-c01a835{--width:450px;}}@media(max-width:1024px){.elementor-1507 .elementor-element.elementor-element-6b2053c{text-align:center;}.elementor-1507 .elementor-element.elementor-element-f7b2517{--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;}.elementor-1507 .elementor-element.elementor-element-c481775{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-1507 .elementor-element.elementor-element-f7b2517{--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1507 .elementor-element.elementor-element-142a249:after{content:"0.5";}.elementor-1507 .elementor-element.elementor-element-142a249 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-6b2053c *//* 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-f3b6721 */.elementor-1507 .elementor-element.elementor-element-f3b6721 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */