/*
 * Grupo normal con "Alineación del contenido" (content-align.php): las
 * utilidades content-* (justify-content) e items-* (align-items) necesitan
 * un contenedor flex-column. Frontend + editor.
 *
 * Tema sin theme.json → el grupo envuelve sus hijos en
 * .wp-block-group__inner-container, que pasa a ser el único hijo: las
 * utilidades lo colocan entero (vertical u horizontal) y él mantiene su
 * layout interno. "Repartido" lo estira y reparte dentro.
 */

.wp-block-group:not(.is-layout-flex, .is-layout-grid):is(.content-start, .content-center, .content-end, .content-between, .items-start, .items-center, .items-end) {
  display: flex;
  flex-direction: column;
}

.wp-block-group:not(.is-layout-flex, .is-layout-grid).content-between > .wp-block-group__inner-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Como flex items, los hijos centrados con margin auto (layout constrained)
   encogerían a su contenido: ancho completo, como en el flujo normal. */
.wp-block-group:not(.is-layout-flex, .is-layout-grid).content-between > .wp-block-group__inner-container > * {
  width: 100%;
}