/* =========================================================================
   BLOQUES SUELTOS
   Las secciones de marca traen su propio ancho y aire (.seccion). Lo que se
   agregue suelto en el editor —un párrafo, una imagen, unas columnas— toma
   el mismo ancho de lectura y el mismo margen a los costados, en el sitio
   y en el editor.
   ========================================================================= */

#contenido > :where(:not(.seccion)),
.editor-styles-wrapper .is-root-container > :where(:not(.seccion)){
  max-width:var(--ancho);
  margin-inline:auto;
  padding-inline:var(--gap);
  box-sizing:border-box;
}

#contenido > :where(:not(.seccion)):first-child{ margin-top:var(--seccion-y); }
#contenido > :where(:not(.seccion)):last-child{ margin-bottom:var(--seccion-y); }

/* El espacio entre bloques lo da main.css (los párrafos llevan su margen),
   así que el de WordPress va en 0 (theme.json). Las columnas sí necesitan
   separación propia: la misma que el resto del sitio. */
.wp-block-columns:not(.manifiesto__columnas){gap:var(--gap)}

/* Lo que se pide ancho completo desde el editor ocupa toda la pantalla. */
#contenido > .alignfull,
.editor-styles-wrapper .is-root-container > .alignfull{
  max-width:none;
  padding-inline:0;
}

/* El título de la página en el editor, alineado con los bloques. En el sitio
   no se muestra: cada sección trae su propio título. */
.editor-styles-wrapper .editor-post-title{
  max-width:var(--ancho);
  margin-inline:auto;
  padding-inline:var(--gap);
  box-sizing:border-box;
}

/* =========================================================================
   SECCIONES DE MARCA (patterns/)
   Las secciones se arman con bloques comunes que llevan las clases del
   sistema de diseño, así main.css las dibuja igual. Lo de acá emparda lo que agregan
   los bloques de WordPress: la <figure> alrededor de las imágenes, el flex
   de las columnas y el aspecto por defecto de los botones.
   ========================================================================= */

.presentacion__fondo.wp-block-image,
.presentacion__logo.wp-block-image,
.quienes__logo.wp-block-image{margin:0}

/* El editor le pone position:relative a todo bloque: el fondo de la portada
   tiene que seguir debajo del texto también ahí. */
.presentacion > .presentacion__fondo.wp-block-image{position:absolute}

.presentacion__fondo img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:right center;
}
.presentacion__logo img,
.quienes__logo img{display:block;width:100%;height:auto}

.manifiesto__columnas.wp-block-columns{display:grid;margin:0}
.manifiesto__col.wp-block-column{flex-basis:auto}

.sumate .wp-block-buttons{justify-content:center;margin-bottom:1.1rem}

/* WordPress le saca el margen de abajo al último bloque de cada columna; esta
   regla se lo devuelve al último párrafo del manifiesto. */
.manifiesto__col.wp-block-column > :last-child{margin-bottom:1.05rem}
@media (min-width:900px){
  .manifiesto__col.wp-block-column > :last-child{margin-bottom:clamp(.5rem,1.4vh,1.05rem)}
}

.is-style-marca .wp-block-button__link{
  background:transparent;border-radius:0;
}

/* En el editor: el aviso de un recurso sin enlace. */
.aca-falta{
  grid-column:1 / -1;
  font:600 .8rem/1.3 var(--cuerpo);color:#b32d2e;
}