.elementor-20 .elementor-element.elementor-element-7a5a087{--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-20 .elementor-element.elementor-element-7a5a087:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-7a5a087 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e3f3ce7 );}.elementor-20 .elementor-element.elementor-element-eeacc42{--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-20 .elementor-element.elementor-element-eeacc42:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-eeacc42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/DSC8473-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-eeacc42::before, .elementor-20 .elementor-element.elementor-element-eeacc42 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-eeacc42 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-eeacc42 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-eeacc42 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-eeacc42 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d06cd96 );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-34ff0e5{--display:flex;}.elementor-20 .elementor-element.elementor-element-5ce6a2e{text-align:center;}.elementor-20 .elementor-element.elementor-element-5ce6a2e .elementor-heading-title{color:var( --e-global-color-e5f1aa1 );}.elementor-20 .elementor-element.elementor-element-25ff240{--display:flex;--min-height:80vh;--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;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-25ff240:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-25ff240 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moovbilbao.com/wp-content/uploads/2026/05/DSC8352-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-25ff240::before, .elementor-20 .elementor-element.elementor-element-25ff240 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-25ff240 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-25ff240 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-25ff240 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-25ff240 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#836447;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-0d42cb2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-dc36676 .elementor-heading-title{color:var( --e-global-color-e3f3ce7 );}.elementor-20 .elementor-element.elementor-element-305a8de{--display:flex;}.elementor-20 .elementor-element.elementor-element-da77a78{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-539390b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-b751269 .elementor-heading-title{color:var( --e-global-color-e3f3ce7 );}.elementor-20 .elementor-element.elementor-element-73bdedf{--display:flex;}.elementor-20 .elementor-element.elementor-element-0541969{--grid-columns:1;}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-34ff0e5{--width:450px;}.elementor-20 .elementor-element.elementor-element-0d42cb2{--content-width:500px;}.elementor-20 .elementor-element.elementor-element-305a8de{--width:800px;}.elementor-20 .elementor-element.elementor-element-73bdedf{--width:800px;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-5ce6a2e{text-align:center;}.elementor-20 .elementor-element.elementor-element-da77a78{--grid-columns:2;}.elementor-20 .elementor-element.elementor-element-0541969{--grid-columns:2;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-da77a78{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-0541969{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-5ce6a2e *//* 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-eeacc42 */.elementor-20 .elementor-element.elementor-element-eeacc42 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff240 */.elementor-20 .elementor-element.elementor-element-25ff240 {
    background-blend-mode: luminosity;
    background-color: gray;
}/* End custom CSS */