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

    .hero-content{
        grid-template-columns:1fr;
        text-align:center;
        gap:50px;
    }

    .hero-imagen img{
        max-width:450px;
    }

    .hero-text h1{
        font-size:4rem;
    }

    .hero-beneficios{
        grid-template-columns:repeat(2,1fr);
    }

    .sobre-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .sobre-fotos{
        height:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:20px;
    }

    .foto-secundaria{
        position:static;
        width:100%;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .contacto-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:768px){

    .container{
        width:92%;
    }

    section{
        overflow:hidden;
    }

    .navbar{
        padding:10px 0;
    }

    .logo img{
        height:65px;
    }

    .hero{
        padding-top:130px;
        padding-bottom:60px;
    }

    .hero-text h1{
        font-size:3rem;
    }

    .hero-text h2{
        font-size:1.4rem;
    }

    .hero-text p{
        font-size:.95rem;
    }

    .hero-beneficios{
        grid-template-columns:1fr;
        margin-top:50px;
    }

    .beneficio{
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .beneficio:last-child{
        border-bottom:none;
    }

    .nosotros,
    .servicios,
    .capacitaciones,
    .contacto{
        padding:80px 0;
    }

    .titulo-seccion h2{
        font-size:2.5rem;
    }

    .nosotros h2{
        font-size:2.5rem;
    }

    .contacto-cta{
        padding:35px 25px;
    }

    .contacto-cta h3{
        font-size:2rem;
    }

    .sobre-grid{
    grid-template-columns:1fr;
    gap:40px;
    }

    .sobre-fotos{
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:20px;
        grid-template-columns:1fr;
    }

    .foto-secundaria{
        position:static;
        width:100%;
        max-width:300px;
        border-radius:20px;
    }

    .foto-1,
    .foto-2{
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }

    .capacitacion-proximamente{
    padding:35px 25px;
    }

    .capacitacion-proximamente h3{
        font-size:2rem;
    }

    .capacitacion-proximamente i{
        font-size:50px;
    }

}

@media (max-width:480px){

    .hero-text h1{
        font-size:2.4rem;
    }

    .hero-text h2{
        font-size:1.2rem;
    }

    .titulo-seccion h2{
        font-size:2rem;
    }

    .nosotros h2{
        font-size:2rem;
    }

    .contacto-cta h3{
        font-size:1.7rem;
    }

    .btn-principal,
    .btn-contacto,
    .btn-capacitacion{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .faq-flotante,
    .whatsapp{
        width:55px;
        height:55px;
        font-size:24px;
    }

    .faq-flotante{
        bottom:90px;
    }

    .capacitacion-proximamente{
    padding:30px 20px;
    }

    .capacitacion-proximamente h3{
        font-size:1.8rem;
    }

    .capacitacion-proximamente p{
        font-size:.95rem;
    }

    .capacitacion-proximamente i{
        font-size:42px;
    }
}