/* ===== CORRECCIONES MÓVILES ===== */

/* Móviles grandes */
@media (max-width: 768px) {
    .header-top-content {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }
    
    .header-info {
        order: 1;
        width: 100%;
        justify-content: center;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .logo {
        order: 2;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .header-actions {
        order: 3;
        width: 100%;
        justify-content: center;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .logo img {
        max-height: 60px;
    }
    
    /* Modal de noticias centrado en móviles */
    .news-modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 9999 !important;
        background: rgba(0, 0, 0, 0.8) !important;
        padding: 10px !important;
    }
    
    .news-modal.show {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .news-modal-content {
        margin: 10px !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 20px) !important;
        width: auto !important;
        height: auto !important;
        border-radius: 8px !important;
        background: white !important;
        overflow-y: auto !important;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    .logo img {
        max-height: 50px;
    }
    
    .date-subtitle {
        font-size: 10px;
    }
    
    .news-modal {
        padding: 5px !important;
    }
    
    .news-modal-content {
        max-height: 95vh !important;
        border-radius: 8px !important;
    }
}

/* Móviles muy pequeños */
@media (max-width: 360px) {
    .logo img {
        max-height: 45px;
    }
    
    .date-subtitle {
        font-size: 9px;
    }
}