/* Invertir columnas para Simple Blog de PrestaHero en móvil */
@media (max-width: 767px) {
    /* Atacamos directamente a la fila que envuelve al blog */
    #wrapper .row,
    .ph_simpleblog .row {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Mandamos el contenido del post ARRIBA */
    #content-wrapper,
    .ph_simpleblog_content {
        order: 1 !important;
    }
    
    /* Mandamos la barra lateral (buscar, categorías...) ABAJO */
    #left-column,
    .ph_simpleblog_sidebar {
        order: 10 !important; 
        margin-top: 50px !important;
    }
}