/* ===== OPTIMIZACIONES DE RENDIMIENTO ===== */

/* Optimizaciones para móviles */
@media (max-width: 768px) {
    /* Reducir animaciones en móvil para mejor rendimiento */
    .weather-widget .weather-main i {
        animation: none !important;
    }
    
    .weather-widget.sunny .weather-main i,
    .weather-widget.cloudy .weather-main i,
    .weather-widget.rainy .weather-main i,
    .weather-widget.night .weather-main i {
        animation: none !important;
    }
    
/* Optimizar transiciones */
.weather-widget,
.weather-refresh-btn,
.categories-dropdown {
    transition: none !important;
}

/* Asegurar que el modal sea interactivo */
.news-modal {
    pointer-events: auto !important;
}
    
    /* Reducir efectos visuales pesados */
    .weather-widget::before {
        display: none !important;
    }
    
    /* Optimizar sombras */
    .weather-widget {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
}

/* Optimizaciones generales de rendimiento */
* {
    /* Optimizar rendering */
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}

/* Reducir repaints */
.weather-widget,
.news-modal,
.categories-dropdown {
    will-change: transform;
}

/* Optimizar animaciones solo cuando es necesario */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}

/* Optimizaciones para dispositivos de baja potencia */
@media (max-width: 480px) {
    /* Desactivar todas las animaciones en móviles pequeños */
    .weather-widget * {
        animation: none !important;
        transition: none !important;
    }
    
    /* Simplificar efectos visuales */
    .weather-widget {
        background: #667eea !important;
        box-shadow: none !important;
    }
    
    .weather-widget::before {
        display: none !important;
    }
}

/* Optimizaciones para PC (pantallas grandes) */
@media (min-width: 1024px) {
    /* Mantener animaciones solo en PC */
    .weather-widget {
        will-change: auto;
    }
    
    /* Optimizar GPU */
    .weather-widget,
    .news-modal {
        transform: translateZ(0);
    }
}