
/* Pantallas de tablets */
@media (max-width: 768px) {
    .top-header {
        width: 100vw;
        height: auto;
        background-size: cover;
    }

    .col-s31z {
        width: 80vw;
    }

    .col-s32z {
        width: 80vw;
    }
}

/* Pantallas de teléfonos móviles */
@media (max-width: 576px) {
    .h2s31z {
        font-size: 18px; /* Reduce el tamaño de la fuente para títulos */
    }

    .div-forms31z {
        padding: 10px;
        margin: 0;
    }

    .col-s31z, .col-s32z {
        width: 100%; /* Asegura que los inputs ocupen todo el ancho */
    }

    .new-user, .reset-password-btn {
        width: 100%;
        padding: 10px 0;
        font-size: 12px; /* Ajusta el tamaño del botón */
    }

    .table-rc th, .table-rc td {
        font-size: 10px;
        padding: 5px;
    }

    .form-log  {
        font-size: 40px;
    }
    .table-tareas,
    .hd2,
    .table-tareas {
        font-size: 10px;
    }
}