/* =====================================================
   EMPLEO IA
   Responsive
===================================================== */

@media (max-width: 768px){

    .cabecera{

        flex-direction:column;

        gap:15px;

        padding:20px;

    }

    .contenedor{

        margin:20px;

        padding:25px;

    }

    h1{

        font-size:32px;

    }

    .subtitulo{

        font-size:18px;

    }

    button{

        width:100%;

    }

}


@media (max-width:480px){

    .contenedor{

        margin:10px;

        padding:20px;

    }

    h1{

        font-size:28px;

    }

    input{

        padding:14px;

    }

    button{

        padding:16px;

        font-size:16px;

    }

}