/* SOLUCIÓN ENCONAMIENTO MÓVIL */

@media (max-width: 768px) {
    /* 1. Forzamos que cada sección sea un bloque independiente */
    .news-feed, 
    .sidebar-pro, 
    .municipios-impact,
    .distincion-grid {
        width: 100% !important;
        display: block !important;
        float: none !important;
        margin-bottom: 40px !important; /* Espacio de seguridad entre bloques */
    }

    /* 2. Arreglo específico para Política y Poder (Mega List) */
    .mega-list-item {
        display: flex;
        flex-direction: column; /* Imagen arriba, texto abajo */
        gap: 15px;
        margin-bottom: 30px;
    }

    .mega-list-item .item-img {
        width: 100% !important;
        height: 220px;
    }

    /* 3. Arreglo específico para Pulso Regional (Municipios) */
    .municipios-grid-premium {
        display: grid !important;
        grid-template-columns: 1fr !important; /* Una sola columna en celular */
        gap: 20px !important;
        padding: 0 10px;
    }

    .mun-card-premium {
        width: 100% !important;
    }

    /* 4. Separación del contenedor principal */
    .content-split {
        display: flex;
        flex-direction: column;
    }

    /* 5. Ajuste de márgenes para que no se peguen al borde de la pantalla */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
    }
}