/* Responsive */

/* Desktop grande */
@media(max-width:1400px){

}

/* Notebook */
@media(max-width:1200px){

}

/* Tablet */
@media(max-width:992px){

}

/* Tablet pequeña */
@media(max-width:768px){

}

/* Celulares */
@media(max-width:576px){

}

@media(max-width:992px){

    .navbar{

        display:none;

    }

}

@media(max-width:992px){

.hero-container{

    grid-template-columns:1fr;

}

.hero-text{

    text-align:center;

}

.hero-text p{

    max-width:420px;
        margin:25px auto 35px;
        font-size:18px;

}

.hero-text h1{

        max-width:380px;
        margin:20px auto;
        font-size:64px;
        line-height:.88;
        letter-spacing:-2px;
        font-weight:900;
}

}

@media(max-width:1200px){

.cards-servicios{

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

}

}

@media(max-width:768px){

.section-title{

    flex-direction:column;

    align-items:flex-start;

}

.cards-servicios{

    grid-template-columns:1fr;

}

.section-title h2{
    font-size:58px;
    font-weight:900;
    letter-spacing:-2px;
    line-height:.9;

}

@media(max-width:992px){

.galeria{

    grid-template-columns:1fr;

}

.proyecto.grande{

    grid-column:auto;

}

}

@media(max-width:992px){

.stats-grid{

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

}

.stat{

    border:none;

    padding:0;

}

}

@media(max-width:576px){

.stats-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.cta{

    flex-direction:column;

    text-align:center;

    gap:40px;

    padding:60px 40px;

}

.cta-text h2{

    font-size:42px;

}

}

@media(max-width:992px){

.footer-grid{

    grid-template-columns:1fr 1fr;

}

.footer-copy{

    flex-direction:column;

    gap:20px;

    text-align:center;

}

}

@media(max-width:576px){

.footer-grid{

    grid-template-columns:1fr;

}

}

@media (max-width: 992px){

    .cliente-item,
    .cliente-item.reverse{

        display:flex;
        flex-direction:column;

        gap:30px;

        margin-bottom:60px;

    }

    /* Siempre la imagen arriba */

    .cliente-item .cliente-img,
    .cliente-item.reverse .cliente-img{

        order:1;

    }

    .cliente-item .cliente-info,
    .cliente-item.reverse .cliente-info{

        order:2;

    }

    .cliente-img{

        width:100%;

    }

    .cliente-img img{

        width:100%;
        height:250px;

        object-fit:cover;

        border-radius:25px;

    }

    .cliente-info{

        text-align:left;

    }

    .cliente-info h3{

        font-size:42px;

    }

    .cliente-info p{

        max-width:100%;

        font-size:18px;

    }

}

@media(max-width:900px){

    .nosotros-container{

        grid-template-columns:1fr;

        gap:45px;

    }

    .nosotros-img{

        order:2;

    }

    .nosotros-info{

        order:1;

    }

    .nosotros-info h2{

        font-size:44px;

    }

    .nosotros-img img{

        height:420px;

    }

}