.elementor-16691 .elementor-element.elementor-element-d7fafb4{--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;--justify-content:space-between;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#10223F1F;--border-color:#10223F1F;--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-16691 .elementor-element.elementor-element-e0812dd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-16691 .elementor-element.elementor-element-e0812dd .elementor-heading-title{font-family:"Arimo", Sans-serif;font-size:1.1vw;font-weight:400;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16691 .elementor-element.elementor-element-e3f5abc .elementor-button{background-color:#FFBC5600;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:500;border-radius:0px 0px 0px 0px;}.jet-listing-item.single-jet-engine.elementor-page-16691 > .elementor{width:400px;margin-left:auto;margin-right:auto;}@media(max-width:767px){.elementor-16691 .elementor-element.elementor-element-d7fafb4{--min-height:9vh;}.elementor-16691 .elementor-element.elementor-element-e0812dd{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-16691 .elementor-element.elementor-element-e0812dd .elementor-heading-title{font-size:4vw;line-height:1.4em;}.elementor-16691 .elementor-element.elementor-element-e3f5abc{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;}.elementor-16691 .elementor-element.elementor-element-e3f5abc .elementor-button{font-size:5.3vw;}}@media(min-width:768px){.elementor-16691 .elementor-element.elementor-element-d7fafb4{--width:95%;}}@media(min-width:1920px){.elementor-16691 .elementor-element.elementor-element-d7fafb4{--min-height:50px;}.elementor-16691 .elementor-element.elementor-element-e0812dd .elementor-heading-title{font-size:18px;}.elementor-16691 .elementor-element.elementor-element-e3f5abc .elementor-button{font-size:19px;}}/* Start custom CSS for container, class: .elementor-element-d7fafb4 *//* =====================================================
   1. CONFIGURACIÓN DEL CONTENEDOR PRINCIPAL
   ===================================================== */

.btnlin {
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: color 0.4s ease-in-out;
}


/* =====================================================
   2. TRANSICIÓN SUAVE PARA TEXTOS Y ELEMENTOS
   ===================================================== */

.btnlin * {
    transition: all 0.4s ease-in-out;
}


/* =====================================================
   3. CAPA DE FONDO AMARILLO
   ===================================================== */

.btnlin::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFBC56;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: -1;
}


/* =====================================================
   4. OCULTAR .btnlink POR DEFECTO
   ===================================================== */

.btnlin .btnlink {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}


/* =====================================================
   5. HOVER SOLO EN DESKTOP
   ===================================================== */

@media (min-width: 768px) {

    /* Fondo amarillo al pasar el mouse */
    .btnlin:hover::before {
        opacity: 1;
    }

    /* Mostrar el enlace al hacer hover */
    .btnlin:hover .btnlink {
        opacity: 1;
        visibility: visible;
    }

}


/* =====================================================
   6. COMPORTAMIENTO EN MÓVIL
   ===================================================== */

@media (max-width: 767px) {

    /* El enlace permanece siempre visible y clicable */
    .btnlin .btnlink {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* El amarillo aparece únicamente al tocar */
    .btnlin:active::before {
        opacity: 1;
    }

}/* End custom CSS */