/* ============================================================================
   ICONO · un símbolo de marca dentro de un texto
   ----------------------------------------------------------------------------
   Es un `core/image` con el estilo «Icono». No es un bloque a medida, y no hace
   falta que lo sea: el núcleo ya trae el selector de la mediateca —con los
   filtros «Iconos» y «Trazos» que añade inc/media-filters.php— y el duotono, que
   recolorea con los seis presets del tema. Un bloque propio repetiría las dos
   cosas y habría que mantenerlo.

   Lo único que faltaba era el tamaño: un símbolo de la mediateca mide 1000 px y
   dentro de un artículo se comería la columna.

   ⚠️ EL TAMAÑO SE DECLARA COMO `width`, NO COMO `max-width`. Cuando quien edita
   arrastra el tirador, el editor escribe el ancho como estilo EN LÍNEA sobre la
   imagen, y un estilo en línea gana a esta regla: el valor de aquí funciona como
   el valor de partida y el del editor manda en cuanto lo toca. Con `max-width`
   pasaría lo contrario —el tope seguiría mandando— y el tirador no serviría.
   ========================================================================== */
.wp-block-image.is-style-icono img {
  width: var(--cds-icono-tamano, 4.5rem); /* 72 px */
  height: auto;
}

/* Dentro de un texto corrido, el icono necesita aire propio: si no, se pega al
   párrafo de arriba y parece parte de él. */
.wp-block-image.is-style-icono {
  margin-block: var(--wp--preset--spacing--50);
}