/**
 * Login Page Adjustments CSS
 * 
 * Modificaciones específicas solo para la página de login
 * para ajustar el tamaño del logo manteniendo la consistencia visual
 */

/* Ajuste específico del logo en página de login */
.lector-auth-page .lector-logo {
    font-size: 32px; /* Tamaño reducido específico para login */
}

.lector-auth-page .lector-logo i {
    font-size: 32px; /* Tamaño del icono ajustado proporcionalmente */
}

/* Responsive adjustments para login */
@media (max-width: 768px) {
    .lector-auth-page .lector-logo {
        font-size: 28px;
    }
    
    .lector-auth-page .lector-logo i {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .lector-auth-page .lector-logo {
        font-size: 24px;
    }
    
    .lector-auth-page .lector-logo i {
        font-size: 24px;
    }
}