/* --- NUEVOS AJUSTES PARA EL INICIO Y BLOQUE DE IDIOMA --- */

@media (max-width: 991px) {
    /* 1. Asegurar que el contenedor principal y la barra lateral no se desborden */
    #mainContainer, 
    #sidebar, 
    .pkp_structure_sidebar {
        width: 100% !important;
        max-width: 100vw !important;
        float: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* 2. Corregir el bloque de idioma para que no cree espacio blanco */
    .pkp_block_block_language, 
    #sidebar .block_language,
    .language_select {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* 3. Ajustar las banderas o textos del idioma */
    .block_language .content li, 
    .block_language li a {
        white-space: normal !important;
        word-wrap: break-word !important;
        display: block !important;
        width: 100% !important;
    }

    /* 4. Forzar que las imágenes de las revistas (portadas) sean responsivas */
    .journalSliderWrp img,
    .obj_journal_summary .thumb img,
    .footer img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* 5. Eliminar márgenes extra que causan el hueco blanco en el inicio */
    .pkp_structure_content {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
}