/* * 
* imagen del login
* */
.img-index {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; Esto ajustará la altura al 100% del viewport height, ajusta según tus necesidades */
}

.img-left {
    max-width: 100%; /* Asegura que la imagen no sea más ancha que su contenedor */
    max-height: 100%; /* Asegura que la imagen no sea más alta que su contenedor */
}
img.img-left {
    max-width: 300px;
}

@media screen and (max-width: 801px) {
    img.img-left {
        max-width: 100%; /* Ancho del 100% en pantallas de 801px o más */
    }
}