/* Contenedor del logo */
.auth-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

    /* Imagen responsive real */
    .auth-logo img {
        width: 100%;
        max-width: 200px; /* Tamaño máximo en pantallas grandes */
        height: auto;
        object-fit: contain;
    }

/* Ajustes para pantallas pequeñas */
@media (max-width: 576px) {
    .auth-logo img {
        max-width: 260px; /* Reduce un poco en móviles para mantener armonía */
    }
}