/*=========================================================
=
=             PROYECTOS PREMIUM 2.0
=
=========================================================*/

.section-proyectos-limpia{

    position:relative;

    width:100%;
    height:100vh;

    overflow:hidden;

    background:#E7E2DC;

}

/*=========================================================*/

.proyectos-container{

    position:relative;

    width:min(92%,1300px);

    height:100%;

    margin:auto;

    display:flex;

    flex-direction:column;

    justify-content:center;

    box-sizing:border-box;

    padding-top:80px;

}

/*=========================================================
                    HEADER
=========================================================*/

.proyectos-header{

    text-align:center;

    margin-bottom:45px;

}

.proyectos-header h2{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 55px;

    margin:0;

    border-radius:50px;

    font-family:'Cormorant Garamond',serif;

    font-size:34px;

    font-weight:600;

    color:#fff;

    background:linear-gradient(
        135deg,
        #b3c76a,
        #7b9918,
        #627F0B
    );

    overflow:hidden;

    box-shadow:
        0 18px 40px rgba(0,0,0,.18),
        inset 0 1px rgba(255,255,255,.25);

}

.proyectos-header h2::before{

    content:"";

    position:absolute;

    top:-40%;
    left:-60%;

    width:35%;
    height:180%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:rotate(22deg);

    animation:shineProyectos 3s linear infinite;

}

@keyframes shineProyectos{

    from{
        left:-60%;
    }

    to{
        left:140%;
    }

}

/*=========================================================
                    GRID
=========================================================*/

.proyectos-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

/*=========================================================
                    TARJETAS
=========================================================*/

.proyecto-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:

        0 15px 40px rgba(0,0,0,.10);

    transition:.35s;

}

.proyecto-card:hover{

    transform:translateY(-10px);

    box-shadow:

        0 25px 50px rgba(0,0,0,.18);

}

.proyecto-card img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    display: block;
    transition: transform .6s;
}

.proyecto-card:hover img{

    transform:scale(1.05);

}

/*=========================================================
                    INFO
=========================================================*/

.proyecto-info{

    padding:22px 25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.proyecto-info h3{

    margin:0;

    font-size:28px;

    color:#222;

    font-weight:600;

}

.proyecto-info span{

    padding:7px 14px;

    border-radius:12px;

    background:#b4cb3a;

    color:#fff;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

}

/*=========================================================
                    DESKTOP
=========================================================*/

@media(min-width:769px){

    .slider-arrows{

        display:none !important;

    }

}

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

@media(max-width:992px){

    .proyectos-container{

        padding-top:70px;

    }

    .proyecto-card img{

        height:420px;

    }

}

/*=========================================================
                    MÓVIL
=========================================================*/

@media(max-width:768px){

    .section-proyectos-limpia{

        height:auto;

        min-height:100svh;

        padding:25px 0;

    }

    .proyectos-container{

        width:100%;

        padding:20px 15px;

        height:auto;

    }

    .proyectos-header{

        margin-bottom:25px;

    }

    .proyectos-header h2{

        font-size:22px;

        padding:14px 30px;

    }

    .proyectos-grid{

        display:flex;

        flex-wrap:nowrap;

        overflow-x:auto;

        gap:16px;

        scroll-behavior:smooth;

        -webkit-overflow-scrolling:touch;

    }

    .proyectos-grid::-webkit-scrollbar{

        display:none;

    }

    .proyecto-card{

        flex:0 0 85%;

    }

    .proyecto-card img{

        height:380px;

    }

}

/*=========================================================
=            LAPTOPS 1366x768 / 1440x900
=========================================================*/

@media (min-width:1201px) and (max-width:1440px){

    .section-proyectos-limpia{

        padding:15px 0;

        min-height:auto;

        overflow:hidden;

    }


    .proyectos-container{

        position:relative;

        width:1300px;

        max-width:none;

        left:50%;

        transform:translate(-50%, 20px) scale(.78);

        transform-origin:top center;

    }


    .proyectos-header{

        margin-bottom:25px;

    }


    .proyectos-header h2{

        font-size:28px;

        padding:15px 45px;

    }


    .proyectos-grid{

        gap:25px;

    }


    .proyecto-card img{

        height:520px;

        object-fit:cover;

    }

}