.elementor-77 .elementor-element.elementor-element-75e76be{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-4fbdaa0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-widget-theme-post-featured-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-77 .elementor-element.elementor-element-52fea37{padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-52fea37 img{width:100%;}.elementor-77 .elementor-element.elementor-element-91f827b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-f680074 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;line-height:1.6em;}.jet-listing-item.single-jet-engine.elementor-page-77 > .elementor{width:300px;margin-left:auto;margin-right:auto;}@media(max-width:1366px){.elementor-77 .elementor-element.elementor-element-75e76be{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}@media(max-width:1200px){.elementor-77 .elementor-element.elementor-element-75e76be{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for container, class: .elementor-element-75e76be *//* --- 1. ESTILOS PARA MÓVILES (POR DEFECTO) --- */
/* En móviles el título se ve normal y no hay animaciones */
.listing-trabajo {
    display: flex;
    flex-direction: column;
}

.foto-trabajo {
    position: relative;
    z-index: 2;
}

.title-trabajo {
    position: relative;
    z-index: 1;
    opacity: 1;
    transform: translateY(0); /* Posición natural */
    padding: 10px 0; /* Ajusta el espacio para que no esté pegado a la foto */
}


/* --- 2. ESTILOS SOLO PARA ESCRITORIO (Mínimo 1025px) --- */
@media (min-width: 1025px) {
    
    .listing-trabajo {
        overflow: hidden; /* Corta el título cuando está escondido */
    }

    .title-trabajo {
        /* Lo escondemos detrás de la foto */
        opacity: 0;
        transform: translateY(-100%); 
        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
    }

    /* Activamos el efecto solo al pasar el mouse */
    .listing-trabajo:hover .title-trabajo {
        transform: translateY(0);
        opacity: 1;
    }

    /* Opcional: la foto sube un poquito en escritorio */
    .listing-trabajo:hover .foto-trabajo {
        transform: translateY(-5px);
        transition: transform 0.4s ease;
    }
}/* End custom CSS */