/* Forzar que el cuerpo de la página distribuya correctamente los artículos y la barra lateral */
.pkp_structure_main {
    display: flex !important;
    flex-wrap: nowrap !important; /* Evita que la barra salte abajo */
    align-items: flex-start !important;
    width: 100% !important;
    gap: 20px; /* Añade un espacio de separación controlado entre columnas */
}

/* Asegurar el ancho del bloque de los artículos */
.pkp_structure_content {
    /* En lugar de 70%, calculamos el espacio restante restando la barra y el gap */
    width: calc(100% - 320px) !important; 
    flex-grow: 1 !important;
    min-width: 0 !important; /* Crucial para que las tablas o textos largos no empujen la barra */
}

/* Asegurar que la barra lateral no colapse ni se vaya hacia abajo */
.pkp_structure_sidebar {
    width: 300px !important; /* Es mejor un ancho fijo en pixeles para la barra */
    flex-shrink: 0 !important; /* OBLIGA al navegador a respetar este ancho sin importar la resolución */
    display: block !important;
}