/* ===========================================================================
   Ajustes mínimos para WordPress. Las hojas del prototipo (base.css y
   c-inmersivo.css) no se tocan: lo que cambia por vivir en WordPress va aquí.
   =========================================================================== */

/* Sin selector de estilo, la flecha de volver arriba baja a la esquina. */
.subir { bottom: 1.25rem; }

/* La barra de administración de WordPress empuja lo que va pegado arriba. */
body.admin-bar .cabecera { top: 32px; }
body.admin-bar .progreso { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .cabecera { top: 46px; }
  body.admin-bar .progreso { top: 46px; }
}

/* Neutralizar los estilos que WordPress mete por su cuenta en los bloques
   básicos que usamos dentro del contenido editable. */
.texto-largo > p { max-width: none; }

/* Alineaciones de imagen y bloque dentro de grupos y de post-content. Las
   pone WordPress colgadas de .is-layout-flow, y functions.php le quita esa
   clase a core/group y a core/post-content: sin esto, una imagen alineada a
   la izquierda en una noticia dejaba de flotar. Mismas reglas y mismo peso
   que las del núcleo; un grupo con otro layout (flex, constrained) conserva
   su clase y las suyas. */
:where(.wp-block-group, .wp-block-post-content):not([class*="is-layout-"]) > .alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}
:where(.wp-block-group, .wp-block-post-content):not([class*="is-layout-"]) > .alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}
:where(.wp-block-group, .wp-block-post-content):not([class*="is-layout-"]) > .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* El cuerpo de una noticia va dentro de post-content, que WordPress pinta con
   display: flow-root: el margen del último párrafo se quedaba dentro y la
   noticia crecía 18 px respecto al prototipo. */
.texto-largo > .wp-block-post-content > :last-child { margin-bottom: 0; }