/* Rejilla 2D libre del editor de layout (mig 218; v2 SIEMPRE activa — el flag
 * layout_grid_enabled se retiro en la mig 219). Los contenedores
 * de zona editables reciben la clase .lb-grid via lbZoneClass(): rejilla de 12
 * columnas SOLO en escritorio (>=768px); en movil el contenedor conserva su
 * flujo en columna unica y los bloques se apilan por 'order' (fila y columna).
 * Los hijos NO envueltos por lbOpen ocupan fila completa y quedan anclados al
 * final (sustituye a la muleta .<screen> > *:not([data-lb]) { order:900 }).
 * Sin colores aqui: el chrome del editor vive en assets/css/layout_editor.css. */
@media (min-width: 768px) {
    .lb-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(2.5rem, auto);
        grid-auto-flow: row;
        align-items: stretch;
    }
    .lb-grid > *:not([data-lb]) { grid-column: 1 / -1; order: 900; }
    /* Bloques con alto fijado: el contenido nunca desborda el recorte visual. */
    .lb-grid > .lb-block { min-width: 0; }
}