.elementor-37108 .elementor-element.elementor-element-af9fb71{--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;}.elementor-37108 .elementor-element.elementor-element-c784941{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37108 .elementor-element.elementor-element-2d6a271{--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;}.elementor-37108 .elementor-element.elementor-element-d058d43{--display:flex;}.elementor-37108 .elementor-element.elementor-element-819c42a{--display:flex;}.elementor-37108 .elementor-element.elementor-element-49cfa2a{text-align:center;}.elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-184fbfc );}.elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title a:hover, .elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title a:focus{color:var( --e-global-color-0241559 );}.elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title a{transition-duration:0.5s;}.elementor-37108 .elementor-element.elementor-element-5df912d{text-align:center;}.elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title{font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );color:var( --e-global-color-3c209d2 );}.elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title a:hover, .elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title a:focus{color:var( --e-global-color-0241559 );}.elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title a{transition-duration:0.5s;}.elementor-37108 .elementor-element.elementor-element-d599dd2{font-family:var( --e-global-typography-18079b1-font-family ), Sans-serif;font-size:var( --e-global-typography-18079b1-font-size );font-weight:var( --e-global-typography-18079b1-font-weight );text-transform:var( --e-global-typography-18079b1-text-transform );font-style:var( --e-global-typography-18079b1-font-style );text-decoration:var( --e-global-typography-18079b1-text-decoration );line-height:var( --e-global-typography-18079b1-line-height );letter-spacing:var( --e-global-typography-18079b1-letter-spacing );word-spacing:var( --e-global-typography-18079b1-word-spacing );color:var( --e-global-color-0241559 );}.elementor-37108 .elementor-element.elementor-element-5564968{--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-37108 .elementor-element.elementor-element-3935d85{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:010px 10px;--row-gap:010px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-37108 .elementor-element.elementor-element-3935d85.e-con{--align-self:center;}.elementor-37108 .elementor-element.elementor-element-ab2a0e5{--display:grid;--min-height:0vh;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:start;}.elementor-37108 .elementor-element.elementor-element-8bc4cbb{--display:flex;--min-height:510px;}.elementor-37108 .elementor-element.elementor-element-d83270e{background-color:var( --e-global-color-4d1a307 );margin:-300px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;padding:20px 20px 20px 20px;font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-6146f8e{--display:flex;--min-height:510px;}.elementor-37108 .elementor-element.elementor-element-b2bd23b{background-color:var( --e-global-color-4d1a307 );margin:-300px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;padding:20px 20px 20px 20px;font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-9811aa2{--display:flex;--min-height:510px;}.elementor-37108 .elementor-element.elementor-element-c809b90{background-color:var( --e-global-color-4d1a307 );margin:-300px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;padding:20px 20px 20px 20px;font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d9aa734{--display:flex;--min-height:510px;}.elementor-37108 .elementor-element.elementor-element-dcfca5d{background-color:var( --e-global-color-4d1a307 );margin:-300px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;padding:20px 20px 20px 20px;font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-2d38908{--display:flex;--min-height:510px;}.elementor-37108 .elementor-element.elementor-element-948cace{background-color:var( --e-global-color-4d1a307 );margin:-300px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;padding:20px 20px 20px 20px;font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-36faf9c{--display:flex;--min-height:510px;}.elementor-37108 .elementor-element.elementor-element-e34ef3d{background-color:var( --e-global-color-4d1a307 );margin:-300px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;padding:20px 20px 20px 20px;font-family:var( --e-global-typography-0938af9-font-family ), Sans-serif;font-size:var( --e-global-typography-0938af9-font-size );font-weight:var( --e-global-typography-0938af9-font-weight );text-transform:var( --e-global-typography-0938af9-text-transform );font-style:var( --e-global-typography-0938af9-font-style );text-decoration:var( --e-global-typography-0938af9-text-decoration );line-height:var( --e-global-typography-0938af9-line-height );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-37108 .elementor-element.elementor-element-5564968{--width:7%;}}@media(max-width:1366px){.elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d599dd2{font-size:var( --e-global-typography-18079b1-font-size );line-height:var( --e-global-typography-18079b1-line-height );letter-spacing:var( --e-global-typography-18079b1-letter-spacing );word-spacing:var( --e-global-typography-18079b1-word-spacing );}.elementor-37108 .elementor-element.elementor-element-ab2a0e5{--grid-auto-flow:row;}.elementor-37108 .elementor-element.elementor-element-8bc4cbb{--min-height:370px;}.elementor-37108 .elementor-element.elementor-element-d83270e{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-6146f8e{--min-height:370px;}.elementor-37108 .elementor-element.elementor-element-b2bd23b{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-9811aa2{--min-height:370px;}.elementor-37108 .elementor-element.elementor-element-c809b90{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d9aa734{--min-height:370px;}.elementor-37108 .elementor-element.elementor-element-dcfca5d{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-2d38908{--min-height:370px;}.elementor-37108 .elementor-element.elementor-element-948cace{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-36faf9c{--min-height:370px;}.elementor-37108 .elementor-element.elementor-element-e34ef3d{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}}@media(max-width:1200px){.elementor-37108 .elementor-element.elementor-element-ab2a0e5{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-37108 .elementor-element.elementor-element-8bc4cbb{--min-height:470px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-37108 .elementor-element.elementor-element-6146f8e{--min-height:470px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-37108 .elementor-element.elementor-element-9811aa2{--min-height:470px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-37108 .elementor-element.elementor-element-d9aa734{--min-height:470px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-37108 .elementor-element.elementor-element-2d38908{--min-height:470px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-37108 .elementor-element.elementor-element-36faf9c{--min-height:470px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d599dd2{font-size:var( --e-global-typography-18079b1-font-size );line-height:var( --e-global-typography-18079b1-line-height );letter-spacing:var( --e-global-typography-18079b1-letter-spacing );word-spacing:var( --e-global-typography-18079b1-word-spacing );}.elementor-37108 .elementor-element.elementor-element-ab2a0e5{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-37108 .elementor-element.elementor-element-8bc4cbb{--min-height:405px;}.elementor-37108 .elementor-element.elementor-element-d83270e{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-6146f8e{--min-height:405px;}.elementor-37108 .elementor-element.elementor-element-b2bd23b{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-9811aa2{--min-height:405px;}.elementor-37108 .elementor-element.elementor-element-c809b90{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d9aa734{--min-height:405px;}.elementor-37108 .elementor-element.elementor-element-dcfca5d{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-2d38908{--min-height:405px;}.elementor-37108 .elementor-element.elementor-element-948cace{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-36faf9c{--min-height:405px;}.elementor-37108 .elementor-element.elementor-element-e34ef3d{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}}@media(max-width:880px){.elementor-37108 .elementor-element.elementor-element-ab2a0e5{--grid-auto-flow:row;}.elementor-37108 .elementor-element.elementor-element-8bc4cbb{--min-height:345px;}.elementor-37108 .elementor-element.elementor-element-6146f8e{--min-height:345px;}.elementor-37108 .elementor-element.elementor-element-9811aa2{--min-height:345px;}.elementor-37108 .elementor-element.elementor-element-d9aa734{--min-height:345px;}.elementor-37108 .elementor-element.elementor-element-2d38908{--min-height:345px;}.elementor-37108 .elementor-element.elementor-element-36faf9c{--min-height:345px;}}@media(max-width:767px){.elementor-37108 .elementor-element.elementor-element-49cfa2a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-37108 .elementor-element.elementor-element-5df912d .elementor-heading-title{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d599dd2{font-size:var( --e-global-typography-18079b1-font-size );line-height:var( --e-global-typography-18079b1-line-height );letter-spacing:var( --e-global-typography-18079b1-letter-spacing );word-spacing:var( --e-global-typography-18079b1-word-spacing );}.elementor-37108 .elementor-element.elementor-element-ab2a0e5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-37108 .elementor-element.elementor-element-8bc4cbb{--min-height:315px;}.elementor-37108 .elementor-element.elementor-element-d83270e{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-6146f8e{--min-height:315px;}.elementor-37108 .elementor-element.elementor-element-b2bd23b{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-9811aa2{--min-height:315px;}.elementor-37108 .elementor-element.elementor-element-c809b90{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-d9aa734{--min-height:315px;}.elementor-37108 .elementor-element.elementor-element-dcfca5d{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-2d38908{--min-height:315px;}.elementor-37108 .elementor-element.elementor-element-948cace{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}.elementor-37108 .elementor-element.elementor-element-36faf9c{--min-height:315px;}.elementor-37108 .elementor-element.elementor-element-e34ef3d{font-size:var( --e-global-typography-0938af9-font-size );line-height:var( --e-global-typography-0938af9-line-height );}}/* Start custom CSS for container, class: .elementor-element-8bc4cbb */Eso pasa porque la imagen está desapareciendo junto con el texto. ¡Vamos a arreglarlo de inmediato!
La imagen de fondo debe verse siempre. Al pasar el cursor, solo la foto se debe oscurecer y el texto debe aparecer.
## 🛠️ Cómo solucionarlo en un paso
El problema es que el código está ocultando todo lo que hay dentro del contenedor. Debemos cambiar el código CSS que pegaste antes por este nuevo código optimizado:
## Si usas Elementor Pro (En el Contenedor > Avanzado > CSS personalizado):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.elementor-37108 .elementor-element.elementor-element-8bc4cbb {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-8bc4cbb::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Color negro con opacidad */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-37108 .elementor-element.elementor-element-8bc4cbb:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-8bc4cbb .elementor-widget-heading, 
.elementor-37108 .elementor-element.elementor-element-8bc4cbb .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.elementor-37108 .elementor-element.elementor-element-8bc4cbb:hover .elementor-widget-heading,
.elementor-37108 .elementor-element.elementor-element-8bc4cbb:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

## Si usas Elementor Gratis (En Apariencia > Personalizar > CSS adicional):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.caja-foto-hover {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.caja-foto-hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.caja-foto-hover:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.caja-foto-hover .elementor-widget-heading, 
.caja-foto-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.caja-foto-hover:hover .elementor-widget-heading,
.caja-foto-hover:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

------------------------------
Con este cambio, la foto se quedará fija en la pantalla todo el tiempo. ¿Lograste ver la foto fija ahora? Cuéntame si el texto te quedó bien centrado en medio de la imagen./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6146f8e */Eso pasa porque la imagen está desapareciendo junto con el texto. ¡Vamos a arreglarlo de inmediato!
La imagen de fondo debe verse siempre. Al pasar el cursor, solo la foto se debe oscurecer y el texto debe aparecer.
## 🛠️ Cómo solucionarlo en un paso
El problema es que el código está ocultando todo lo que hay dentro del contenedor. Debemos cambiar el código CSS que pegaste antes por este nuevo código optimizado:
## Si usas Elementor Pro (En el Contenedor > Avanzado > CSS personalizado):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.elementor-37108 .elementor-element.elementor-element-6146f8e {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-6146f8e::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Color negro con opacidad */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-37108 .elementor-element.elementor-element-6146f8e:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-6146f8e .elementor-widget-heading, 
.elementor-37108 .elementor-element.elementor-element-6146f8e .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.elementor-37108 .elementor-element.elementor-element-6146f8e:hover .elementor-widget-heading,
.elementor-37108 .elementor-element.elementor-element-6146f8e:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

## Si usas Elementor Gratis (En Apariencia > Personalizar > CSS adicional):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.caja-foto-hover {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.caja-foto-hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.caja-foto-hover:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.caja-foto-hover .elementor-widget-heading, 
.caja-foto-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.caja-foto-hover:hover .elementor-widget-heading,
.caja-foto-hover:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

------------------------------
Con este cambio, la foto se quedará fija en la pantalla todo el tiempo. ¿Lograste ver la foto fija ahora? Cuéntame si el texto te quedó bien centrado en medio de la imagen./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9811aa2 */Eso pasa porque la imagen está desapareciendo junto con el texto. ¡Vamos a arreglarlo de inmediato!
La imagen de fondo debe verse siempre. Al pasar el cursor, solo la foto se debe oscurecer y el texto debe aparecer.
## 🛠️ Cómo solucionarlo en un paso
El problema es que el código está ocultando todo lo que hay dentro del contenedor. Debemos cambiar el código CSS que pegaste antes por este nuevo código optimizado:
## Si usas Elementor Pro (En el Contenedor > Avanzado > CSS personalizado):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.elementor-37108 .elementor-element.elementor-element-9811aa2 {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-9811aa2::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Color negro con opacidad */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-37108 .elementor-element.elementor-element-9811aa2:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-9811aa2 .elementor-widget-heading, 
.elementor-37108 .elementor-element.elementor-element-9811aa2 .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.elementor-37108 .elementor-element.elementor-element-9811aa2:hover .elementor-widget-heading,
.elementor-37108 .elementor-element.elementor-element-9811aa2:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

## Si usas Elementor Gratis (En Apariencia > Personalizar > CSS adicional):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.caja-foto-hover {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.caja-foto-hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.caja-foto-hover:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.caja-foto-hover .elementor-widget-heading, 
.caja-foto-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.caja-foto-hover:hover .elementor-widget-heading,
.caja-foto-hover:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

------------------------------
Con este cambio, la foto se quedará fija en la pantalla todo el tiempo. ¿Lograste ver la foto fija ahora? Cuéntame si el texto te quedó bien centrado en medio de la imagen./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9aa734 */Eso pasa porque la imagen está desapareciendo junto con el texto. ¡Vamos a arreglarlo de inmediato!
La imagen de fondo debe verse siempre. Al pasar el cursor, solo la foto se debe oscurecer y el texto debe aparecer.
## 🛠️ Cómo solucionarlo en un paso
El problema es que el código está ocultando todo lo que hay dentro del contenedor. Debemos cambiar el código CSS que pegaste antes por este nuevo código optimizado:
## Si usas Elementor Pro (En el Contenedor > Avanzado > CSS personalizado):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.elementor-37108 .elementor-element.elementor-element-d9aa734 {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-d9aa734::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Color negro con opacidad */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-37108 .elementor-element.elementor-element-d9aa734:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-d9aa734 .elementor-widget-heading, 
.elementor-37108 .elementor-element.elementor-element-d9aa734 .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.elementor-37108 .elementor-element.elementor-element-d9aa734:hover .elementor-widget-heading,
.elementor-37108 .elementor-element.elementor-element-d9aa734:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

## Si usas Elementor Gratis (En Apariencia > Personalizar > CSS adicional):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.caja-foto-hover {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.caja-foto-hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.caja-foto-hover:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.caja-foto-hover .elementor-widget-heading, 
.caja-foto-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.caja-foto-hover:hover .elementor-widget-heading,
.caja-foto-hover:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

------------------------------
Con este cambio, la foto se quedará fija en la pantalla todo el tiempo. ¿Lograste ver la foto fija ahora? Cuéntame si el texto te quedó bien centrado en medio de la imagen./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d38908 */Eso pasa porque la imagen está desapareciendo junto con el texto. ¡Vamos a arreglarlo de inmediato!
La imagen de fondo debe verse siempre. Al pasar el cursor, solo la foto se debe oscurecer y el texto debe aparecer.
## 🛠️ Cómo solucionarlo en un paso
El problema es que el código está ocultando todo lo que hay dentro del contenedor. Debemos cambiar el código CSS que pegaste antes por este nuevo código optimizado:
## Si usas Elementor Pro (En el Contenedor > Avanzado > CSS personalizado):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.elementor-37108 .elementor-element.elementor-element-2d38908 {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-2d38908::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Color negro con opacidad */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-37108 .elementor-element.elementor-element-2d38908:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-2d38908 .elementor-widget-heading, 
.elementor-37108 .elementor-element.elementor-element-2d38908 .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.elementor-37108 .elementor-element.elementor-element-2d38908:hover .elementor-widget-heading,
.elementor-37108 .elementor-element.elementor-element-2d38908:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

## Si usas Elementor Gratis (En Apariencia > Personalizar > CSS adicional):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.caja-foto-hover {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.caja-foto-hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.caja-foto-hover:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.caja-foto-hover .elementor-widget-heading, 
.caja-foto-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.caja-foto-hover:hover .elementor-widget-heading,
.caja-foto-hover:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

------------------------------
Con este cambio, la foto se quedará fija en la pantalla todo el tiempo. ¿Lograste ver la foto fija ahora? Cuéntame si el texto te quedó bien centrado en medio de la imagen./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36faf9c */Eso pasa porque la imagen está desapareciendo junto con el texto. ¡Vamos a arreglarlo de inmediato!
La imagen de fondo debe verse siempre. Al pasar el cursor, solo la foto se debe oscurecer y el texto debe aparecer.
## 🛠️ Cómo solucionarlo en un paso
El problema es que el código está ocultando todo lo que hay dentro del contenedor. Debemos cambiar el código CSS que pegaste antes por este nuevo código optimizado:
## Si usas Elementor Pro (En el Contenedor > Avanzado > CSS personalizado):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.elementor-37108 .elementor-element.elementor-element-36faf9c {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-36faf9c::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Color negro con opacidad */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-37108 .elementor-element.elementor-element-36faf9c:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.elementor-37108 .elementor-element.elementor-element-36faf9c .elementor-widget-heading, 
.elementor-37108 .elementor-element.elementor-element-36faf9c .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.elementor-37108 .elementor-element.elementor-element-36faf9c:hover .elementor-widget-heading,
.elementor-37108 .elementor-element.elementor-element-36faf9c:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

## Si usas Elementor Gratis (En Apariencia > Personalizar > CSS adicional):
Borra el código anterior y pega este:

/* Asegura que el contenedor tenga posición correcta */
.caja-foto-hover {
    position: relative;
    overflow: hidden;
}
/* Capa oscura que inicia invisible y se aclara al pasar el cursor */
.caja-foto-hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.caja-foto-hover:hover::before {
    opacity: 1;
}
/* El texto inicia invisible y aparece al pasar el cursor */
.caja-foto-hover .elementor-widget-heading, 
.caja-foto-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 2;
}

.caja-foto-hover:hover .elementor-widget-heading,
.caja-foto-hover:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
}

------------------------------
Con este cambio, la foto se quedará fija en la pantalla todo el tiempo. ¿Lograste ver la foto fija ahora? Cuéntame si el texto te quedó bien centrado en medio de la imagen./* End custom CSS */