@media (max-width: 616px) {

    body{
        width: 100vh;
    }

    #hero {
        background-image: url('../IMGs/fondo-hero-movil.jpg');
        background-size: cover;
        background-position: top;
        height: 170vh;
    }

    .opacity{
        width: 100vh;
        height: 170vh;
    }

    .info{
        width: 100vh;
        height: 170vh;
    }

    .info img{
        width: 300px;
    }

    .texto-principal{
        font-size: 70px;
    }

    .textoComplementario{
        font-size: 24px;
    }

    .btn-planes{
        width: 240px;
        height: 60px;
        font-size: 22px;
    }

    .btn-consultoria{
        width: 240px;
        height: 60px;
        font-size: 22px;
    }

    .textoFooter{
        top: 92%;
    }

    .textoFooter p{
        font-size: 25px;
    }

    .entrenador-contenedor{
        display: flex;
        flex-direction: column;
    }

    .Entrenado{
        width: 100%;
        text-align: center;
    }

    .Entrenado h2{
        font-size: 50px;
    }

    .Entrenado p{
        width: 100%;
        font-size: 22px;
    }

    .iconos{
        justify-content: space-around;
        margin-top: 40px;
    }

    .icon img{
        width: 80px;
        height: auto;
    }

    .beneficios h3{
        font-size: 30px;
    }

    .beneficios p{
        font-size: 24px;
    }

    .beneficios-entrenador{
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .beneficios{
        width: 95%;
    }


    .planes h2{
        font-size: 50px;
    }

    .planes p{
        font-size: 22px;
    }


    .cards{
        gap: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card{
        width: 500px;
        height: 800px;
    }

    #contactanos{
        display: flex;
        flex-direction: column;
        padding: 33px 70px;
    }

    .contenedor-contacto{
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .texto-contacto{
        width: 100%;
        font-size: 22px;
    }

    .texto-contacto h2{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .texto-contacto p{
        text-align: center;
        font-size: 30px;
    }

    .cuadro-info{
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        padding: 20px;
    }

    .cuadro-info img{
        width: 50px;
        height: auto;
    }

    .icono-contacto{
        padding: 10px;
    }

    .btn-instagram{
        width: fit-content;
        margin: 10px auto;
    }

    .btn-instagram img{
        width: 50px;
        height: auto;
    }

    .btn-instagram a{
        font-size: 30px;
    }

    .tarjeta-consulta{
        width: 90%;
    }

    .tarjeta-consulta h3{
        font-size: 44px;
    }

    .tarjeta-consulta p{
        font-size: 26px;
    }

    .tarjeta-consulta ul li{
        font-size: 25px;
        font-weight: normal;
    }

    .formulario-der input{
        width: 90%;
        height: 60px;
        margin-bottom: 40px;
    }

    .formulario-der input::placeholder{
        font-size: 25px;
    }

    .formulario-der button{
        font-size: 26px;
        padding: 15px;
    }


    footer{
        margin-top: 60px;
        flex-direction: column;
    }

    footer img{
        width: 500px;
        margin-bottom: 20px;
    }

    footer p{
        font-size: 22px;
    }
}