.elementor-75 .elementor-element.elementor-element-095eb12{--display:flex;--min-height:650px;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-75 .elementor-element.elementor-element-095eb12:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-095eb12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fabb5af );background-image:url("https://biatresf.webdepruebabia3.es/wp-content/uploads/2025/07/imagen-fondo-prefooter.png");background-position:55vw -10vh;background-repeat:no-repeat;background-size:31% auto;}.elementor-75 .elementor-element.elementor-element-095eb12.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-60868fd{--spacer-size:130px;}.elementor-75 .elementor-element.elementor-element-6a80d68{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;text-align:center;}.elementor-75 .elementor-element.elementor-element-6a80d68.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-6a80d68 .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:110px;font-weight:300;color:var( --e-global-color-a0881f0 );}.elementor-75 .elementor-element.elementor-element-9220d3e{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;text-align:end;}.elementor-75 .elementor-element.elementor-element-9220d3e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-9220d3e .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:110px;font-weight:300;color:var( --e-global-color-a0881f0 );}.elementor-75 .elementor-element.elementor-element-a69e12b{--spacer-size:114px;}.elementor-75 .elementor-element.elementor-element-ac87bd3 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );background-image:linear-gradient(180deg, var( --e-global-color-fabb5af ) 0%, var( --e-global-color-fabb5af ) 0%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );padding:0.5em 3em 0.5em 3em;}.elementor-75 .elementor-element.elementor-element-ac87bd3 .elementor-button:hover, .elementor-75 .elementor-element.elementor-element-ac87bd3 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-fabb5af );background-image:linear-gradient(180deg, var( --e-global-color-a0881f0 ) 0%, var( --e-global-color-a0881f0 ) 0%);border-color:#FFFFFF00;}.elementor-75 .elementor-element.elementor-element-ac87bd3 .elementor-button:hover svg, .elementor-75 .elementor-element.elementor-element-ac87bd3 .elementor-button:focus svg{fill:var( --e-global-color-fabb5af );}@media(max-width:1024px){.elementor-75 .elementor-element.elementor-element-095eb12:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-095eb12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0vw 0vh;}}@media(max-width:767px){.elementor-75 .elementor-element.elementor-element-095eb12:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-095eb12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0vw 0vh;}}/* Start custom CSS for container, class: .elementor-element-095eb12 *//* CONTENEDOR */
.prefooter{
  position: relative;
  overflow: hidden;      /* para que no se vea el overlay fuera */
  background: transparent;
}

/* OVERLAY BLANCO que desliza de izquierda → derecha */
.prefooter::before{
  content: "";
  position: absolute;
  inset: 0;              /* top/right/bottom/left:0 */
  background: #ffffff;
  transform: translateX(-100%);
  transition: transform .8s ease;
  z-index: 0;            /* por debajo del contenido */
}

/* Estado base: blanco (como ahora) */
.prefooter #titularprefooter1,
.prefooter #titularprefooter2,
.prefooter .titularprefooter1,
.prefooter .titularprefooter2,
.prefooter .elementor-heading-title,
.prefooter .elementor-heading-title a {
  color: #ffffff !important;
  transition: color .8s ease;
  position: relative;
  z-index: 1;
}

/* Cuando activas (hover o clase .is-on): negro */
.prefooter:hover #titularprefooter1,
.prefooter:hover #titularprefooter2,
.prefooter:hover .titularprefooter1,
.prefooter:hover .titularprefooter2,
.prefooter:hover .elementor-heading-title,
.prefooter:hover .elementor-heading-title a,
.prefooter.is-on #titularprefooter1,
.prefooter.is-on #titularprefooter2,
.prefooter.is-on .titularprefooter1,
.prefooter.is-on .titularprefooter2,
.prefooter.is-on .elementor-heading-title,
.prefooter.is-on .elementor-heading-title a {
  color: #000000 !important;
}


/* DISPARO POR HOVER (si quieres activarlo al pasar el ratón) */
.prefooter:hover::before{ transform: translateX(0); }
.prefooter:hover .titularprefooter1,
.prefooter:hover .titularprefooter2{ color: #000000; }

/* — O — DISPARO POR CLASE (útil si la añades desde Elementor o con JS) */
.prefooter.is-on::before{ transform: translateX(0); }
.prefooter.is-on .titularprefooter1,
.prefooter.is-on .titularprefooter2{ color: #000000; }

/* Accesibilidad: respetar usuarios con “reduced motion” */
@media (prefers-reduced-motion: reduce){
  .prefooter::before, .titularprefooter1, .titularprefooter2{
    transition: none;
    transform: none !important;
  }
}/* End custom CSS */