.elementor-858 .elementor-element.elementor-element-9ee5f69{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-858 .elementor-element.elementor-element-6a0db72{--display:flex;}.elementor-858 .elementor-element.elementor-element-3e13453{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-858 .elementor-element.elementor-element-3e13453::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .elementor-background-video-container::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .e-con-inner > .elementor-background-video-container::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .elementor-background-slideshow::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .e-con-inner > .elementor-background-slideshow::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-858 .elementor-element.elementor-element-3e13453:hover::before, .elementor-858 .elementor-element.elementor-element-3e13453:hover > .elementor-background-video-container::before, .elementor-858 .elementor-element.elementor-element-3e13453:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .elementor-background-slideshow:hover::before, .elementor-858 .elementor-element.elementor-element-3e13453 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-858 .elementor-element.elementor-element-3e13453:hover{--overlay-opacity:0.5;}.elementor-858 .elementor-element.elementor-element-312a577{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-858 .elementor-element.elementor-element-98c5d85{--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;}.elementor-858 .elementor-element.elementor-element-f9eeff1{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-858 .elementor-element.elementor-element-312a577{--width:33%;}.elementor-858 .elementor-element.elementor-element-98c5d85{--width:33%;}.elementor-858 .elementor-element.elementor-element-f9eeff1{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-98c5d85 *//* 1. Preparamos la columna para posicionar elementos dentro, Pierre */
.elementor-858 .elementor-element.elementor-element-98c5d85 {
  position: relative;
}

/* 2. Eliminamos márgenes por defecto de los widgets de imagen */
.elementor-858 .elementor-element.elementor-element-98c5d85 .elementor-widget-image {
  margin: 0;
  padding: 0;
}

/* 3. Posicionamos la imagen "hover" (la segunda) encima de la primera */
.elementor-858 .elementor-element.elementor-element-98c5d85 .imagen-hover-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Asegura que cubra la imagen de abajo */
  height: 100%;
  opacity: 0; /* La hacemos invisible por defecto */
  transition: opacity 0.4s ease-in-out; /* ¡Aquí está el FADE! */
}

/* 4. Al hacer hover SOBRE LA COLUMNA, mostramos la imagen "hover" */
.elementor-858 .elementor-element.elementor-element-98c5d85:hover .imagen-hover-top {
  opacity: 1; /* La hacemos visible con el fade */
}

/*Puesto por Pierre*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9eeff1 *//* 1. Preparamos la columna para posicionar elementos dentro, Pierre */
.elementor-858 .elementor-element.elementor-element-f9eeff1 {
  position: relative;
}

/* 2. Eliminamos márgenes por defecto de los widgets de imagen */
.elementor-858 .elementor-element.elementor-element-f9eeff1 .elementor-widget-image {
  margin: 0;
  padding: 0;
}

/* 3. Posicionamos la imagen "hover" (la segunda) encima de la primera */
.elementor-858 .elementor-element.elementor-element-f9eeff1 .imagen-hover-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Asegura que cubra la imagen de abajo */
  height: 100%;
  opacity: 0; /* La hacemos invisible por defecto */
  transition: opacity 0.4s ease-in-out; /* ¡Aquí está el FADE! */
}

/* 4. Al hacer hover SOBRE LA COLUMNA, mostramos la imagen "hover" */
.elementor-858 .elementor-element.elementor-element-f9eeff1:hover .imagen-hover-top {
  opacity: 1; /* La hacemos visible con el fade */
}

/*Puesto por Pierre*//* End custom CSS */