@edc-motor/ui 0.4.30 → 0.4.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edc-motor/ui",
-  "version": "0.4.30",
+  "version": "0.4.31",
   "description": "EdC Motor — componentes públicos Vue 3 + tokens SCSS para webs de juegos de mesa (paquete fuente: lo compila el consumidor con Vite)",
   "license": "GPL-3.0-only",
   "type": "module",

package/scss/components/_blocks.scss

@@ -39,14 +39,17 @@
   &--quote.block--w-narrow .block__inner { max-width: min(780px, 90%); }
 
   // Tipografía de bloque: texto BASE $fs-16 (el mismo cuerpo que el wysiwyg
-  // por defecto — sin override aquí), subtítulo $fs-24 (entre el título y
-  // la base), título $fs-32 (la cabecera sube a 40/28). Los títulos nunca
-  // se justifican.
+  // por defecto — sin override aquí); título y subtítulo calcan la cabecera
+  // clásica de índices y fichas de CDL: título $fs-28 compacto (line-height
+  // 1.1, el h1 de base) y subtítulo atenuado AL TAMAÑO del cuerpo — la
+  // jerarquía la da el color, no otro escalón de tamaño. Vale para TODOS
+  // los bloques (la cabecera ya no sube a 40/28). Los títulos nunca se
+  // justifican.
   // width 100%: en grids con justify-items start (el cuerpo del CTA) el
   // elemento encoge a su contenido y el text-align no se vería.
-  &__title { margin: 0; font-size: $fs-32; width: 100%; }
+  &__title { margin: 0; font-size: $fs-28; line-height: 1.1; width: 100%; }
   // pre-line: el subtítulo es un textarea — sus saltos de línea cuentan.
-  &__subtitle { margin: 0; color: $text-2; font-size: $fs-24; white-space: pre-line; width: 100%; }
+  &__subtitle { margin: 0; color: $text-2; font-size: $fs-16; white-space: pre-line; width: 100%; }
   &__text { color: $text-1; font-size: $fs-16; }
 
   // Alineación del bloque (campo común `align`): por CLASE (BlockShell ya
@@ -118,9 +121,6 @@
     .edc-button { justify-self: start; text-decoration: none; }
   }
 
-  &--header .block__title { font-size: $fs-40; }
-  &--header .block__subtitle { font-size: $fs-28; }
-
   &__media-layout { display: grid; gap: $space-4; }
   &__image {
     max-width: 100%;

package/scss/components/_rich-content.scss

@@ -34,13 +34,14 @@
   > :first-child { margin-block-start: 0; }
   > :last-child { margin-block-end: 0; }
 
-  // Escala del wysiwyg: h2 32 (el mismo tamaño que un título de bloque) ·
-  // h3 24 · h4 22 (no hay token entre 20 y 24) · h5 20 · h6 18.
-  h2 { font-size: $fs-32; }
-  h3 { font-size: $fs-24; }
-  h4 { font-size: 22px; }
-  h5 { font-size: $fs-20; }
-  h6 { font-size: $fs-18; }
+  // Escala del wysiwyg, POR DEBAJO del título de bloque ($fs-28 desde que
+  // los bloques calcan la cabecera clásica): h2 24 · h3 20 · h4 18 · h5 16
+  // (como el cuerpo, se distingue por el peso) · h6 14.
+  h2 { font-size: $fs-24; }
+  h3 { font-size: $fs-20; }
+  h4 { font-size: $fs-18; }
+  h5 { font-size: $fs-16; }
+  h6 { font-size: $fs-14; }
 
   ul,
   ol {