/* ==========================================================
   BANNER DE PÁGINAS INTERNAS - LGP
========================================================== */

/* ==========================================
   TÍTULO
========================================== */

.lgp-titulo-amarillo{
    display:inline-block;

    color:#F2E62C;
    font-size:50px;
    line-height:1;
    text-transform:uppercase;
}

/* ==========================================
   BOTÓN VENTA
========================================== */

.lgp-btn-venta .elementor-button{
    background-color:#F2E62C;
    color:#4B4E99;
    border:none;

    clip-path:polygon(
        12px 0,
        100% 0,
        100% calc(100% - 12px),
        calc(100% - 12px) 100%,
        0 100%,
        0 12px
    );

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .3s ease;
}

.lgp-btn-venta .elementor-button:hover{
    background-color:#4B4E99;
    color:#F2E62C;
    transform:translateY(-2px);
}


/* ==========================================================
   DESKTOP PEQUEÑO
   1025px A 1200px
========================================================== */

@media (min-width:1025px) and (max-width:1200px){

    .lgp-titulo-amarillo{
        font-size:44px;
        line-height:.95;
    }

    .lgp-btn-venta .elementor-button{
        padding:13px 24px;

        font-size:16px;
        line-height:1;

        clip-path:polygon(
            10px 0,
            100% 0,
            100% calc(100% - 10px),
            calc(100% - 10px) 100%,
            0 100%,
            0 10px
        );
    }

}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

    .lgp-titulo-amarillo{
        font-size:42px;
    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .lgp-titulo-amarillo{
        font-size:34px;
        line-height:.95;
    }

    .lgp-btn-venta .elementor-button{
        clip-path:polygon(
            7px 0,
            100% 0,
            100% calc(100% - 7px),
            calc(100% - 7px) 100%,
            0 100%,
            0 7px
        );
    }

}