/* ==========================================================
   TARJETAS CON ESQUINAS CORTADAS
   LGP INMOBILIARIA
========================================================== */

/* ==========================================
   TARJETA
========================================== */

.lgp-card-proyecto{
    --lgp-corte:18px;

    position:relative;
    overflow:hidden;

    clip-path:polygon(
        var(--lgp-corte) 0,
        100% 0,
        100% calc(100% - var(--lgp-corte)),
        calc(100% - var(--lgp-corte)) 100%,
        0 100%,
        0 var(--lgp-corte)
    );

    -webkit-clip-path:polygon(
        var(--lgp-corte) 0,
        100% 0,
        100% calc(100% - var(--lgp-corte)),
        calc(100% - var(--lgp-corte)) 100%,
        0 100%,
        0 var(--lgp-corte)
    );
}

/* ==========================================
   IMAGEN
========================================== */

.lgp-card-proyecto img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* ==========================================
   ELEMENTOS INTERNOS
========================================== */

.lgp-card-proyecto > *{
    position:relative;
    z-index:2;
}

/* ==========================================
   HOVER
========================================== */

.lgp-card-proyecto{
    transition:transform .35s ease;
}

.lgp-card-proyecto:hover{
    transform:translateY(-4px);
}

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

@media (max-width:1024px){

    .lgp-card-proyecto{
        --lgp-corte:16px;
    }

}

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

@media (max-width:767px){

    .lgp-card-proyecto{
        --lgp-corte:12px;
    }

}

/* ==========================================
   ETIQUETA ÚLTIMOS LOTES
========================================== */

.lgp-ultimos-lotes{

    --lgp-corte:10px;

    clip-path:polygon(
        var(--lgp-corte) 0,
        100% 0,
        100% 100%,
        0 100%,
        0 var(--lgp-corte)
    );

    -webkit-clip-path:polygon(
        var(--lgp-corte) 0,
        100% 0,
        100% 100%,
        0 100%,
        0 var(--lgp-corte)
    );

    overflow:hidden;
}

@media (max-width:1024px){
    .lgp-ultimos-lotes{
        --lgp-corte:10px;
    }
}

@media (max-width:767px){
    .lgp-ultimos-lotes{
        --lgp-corte:10px;
    }
}

/* ==========================================
   ETIQUETA PREVENTA
========================================== */

.lgp-etiqueta-preventa{

    --lgp-corte:0px;

    clip-path:polygon(
        var(--lgp-corte) 0,
        100% 0,
        100% 100%,
        0 100%,
        0 var(--lgp-corte)
    );

    -webkit-clip-path:polygon(
        var(--lgp-corte) 0,
        100% 0,
        100% 100%,
        0 100%,
        0 var(--lgp-corte)
    );

    overflow:hidden;
}

@media (max-width:1024px){
    .lgp-etiqueta-preventa{
        --lgp-corte:0px;
    }
}

@media (max-width:767px){
    .lgp-etiqueta-preventa{
        --lgp-corte:10px;
    }
}

/* ==========================================
   CAJA TRANSPARENTE
========================================== */

.lgp-card-transparente{

    --lgp-corte:10px;

    clip-path:polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--lgp-corte)),
        calc(100% - var(--lgp-corte)) 100%,
        0 100%
    );

    -webkit-clip-path:polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--lgp-corte)),
        calc(100% - var(--lgp-corte)) 100%,
        0 100%
    );

    overflow:hidden;
}

@media (max-width:1024px){

    .lgp-card-transparente{
        --lgp-corte:10px;
    }

}

@media (max-width:767px){

    .lgp-card-transparente{
        --lgp-corte:0px;
    }

}