/* Breakpoints específicos para navegación */
@media (max-width: 1024px) {
    .nav-item {
        margin: 0 0.25rem;
    }
    
    .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 768px) {
    .main-nav {
        height: 60px;
    }
    
    .nav-container {
        height: 60px;
        padding: 0 1rem;
    }
    
    .logo-img {
        height: 35px;
    }
    
    .logo-text {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .nav-container {
        padding: 0 0.75rem;
    }
    
    .logo-text {
        font-size: 1.1rem;
    }
    
    .mobile-nav-header {
        padding: 0.75rem;
    }
    
    .mobile-link {
        padding: 0.875rem 1.25rem;
    }
}

/* High-resolution displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-img {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* Orientación landscape en móviles */
@media (max-height: 500px) and (orientation: landscape) {
    .mobile-nav {
        overflow-y: auto;
    }
    
    .mobile-menu {
        max-height: 60vh;
        overflow-y: auto;
    }
}