/* ─────────────────────────────────────────────────────────────────────
 * Wonderland · refuerzo tipográfico global
 *
 * PROBLEMA: las etiquetas en Cinzel mayúsculas (los "labels" dorados que
 * hay por toda la web) se declaraban sin font-weight — o sea, peso 400 —
 * con tamaños de 0.46–0.6rem (7–10px), letter-spacing amplio y color al
 * 50 % de opacidad. Esa combinación las volvía casi ilegibles: la fuente
 * es de remates finos y a ese cuerpo se rompe en pantalla.
 *
 * SOLUCIÓN: subir el peso a 600 (ya está cargado en el <link> de Google
 * Fonts: Cinzel:wght@400;600) para TODAS las etiquetas Cinzel del sitio.
 * Se mantiene la estética "grabado" — solo deja de desaparecer.
 *
 * Los títulos grandes en Cinzel (hero, capítulos) NO se tocan: a ese
 * tamaño el peso 400 se lee perfecto y el trazo fino es parte del diseño.
 *
 * USO · en el <head>, después de wonderland-mobile.css:
 *     <link rel="stylesheet" href="/wonderland-tipografia.css">
 * ───────────────────────────────────────────────────────────────────── */

/* ── Etiquetas · Cinzel mayúsculas pequeñas ──────────────────────────
 * Todas suben a peso 600. El selector va por clase para no pisar los
 * títulos grandes. */
.section-label,
.collection-type,
.collection-name,
.persona-tag,
.persona-tier,
.persona-name,
.chapter-label,
.essay-label,
.story-label,
.free-label,
.share-label,
.nav-back,
.nav-logo,
.nav-tag,
.nav-chapter,
.card-num,
.territorio-label,
.territorio-mini-label,
.territorio-mini-arrow,
.footer-legal,
.footer-links a,
.cta-btn,
.share-btn,
.cat-btn,
.lock-btn,
.story-btn,
.btn-registro,
.btn-manifesto,
.gate-tag,
.libro-detalles,
.scroll-hint p,
.chapter-nav a {
  /* !important porque cada página lleva su propio <style> interno DESPUÉS
   * de este archivo, y ganaría por orden de cascada. Este refuerzo debe
   * pisar los pesos 400/500 declarados en las páginas. */
  font-weight: 600 !important;
}

/* ── Contraste mínimo ────────────────────────────────────────────────
 * Las etiquetas más tenues (dorado al 35-55 %) suben a ~0.75 para que se
 * lean sin perder la sutileza. No afecta a las que ya tienen buen color. */
.section-label,
.collection-type,
.persona-tier,
.territorio-mini-label,
.card-num {
  color: rgba(201, 168, 76, 0.78) !important;
}

/* ── Cuerpo mínimo ───────────────────────────────────────────────────
 * Nada de Cinzel mayúsculas por debajo de ~0.62rem (≈10px): por debajo
 * de ahí no hay peso que lo salve. */
.persona-tier,
.territorio-mini-label,
.card-num,
.nav-chapter,
.free-label {
  font-size: max(0.62rem, 0.62em) !important;
}

/* En móvil, un punto más de cuerpo en las etiquetas (pantalla pequeña,
 * a menudo con brillo alto o al sol). */
@media (max-width: 700px) {
  .section-label,
  .collection-type,
  .persona-tier,
  .territorio-mini-label {
    letter-spacing: 0.14em;
  }
}

/* ─────────────────────────────────────────────────────────────────────
 * LA CURSIVA · IM Fell English
 *
 * Aran: "todas las fuentes cursivas cuesta leer, súbelas en tamaño".
 *
 * EL PROBLEMA · IM Fell English es una tipografía del XVII, de trazo fino y
 * ojo pequeño. En cursiva, por debajo de 1rem se cierra: los remates se comen
 * las contraformas. Y ahí vive la voz de Alice y la de los ensayos — justo lo
 * que hay que leer despacio.
 *
 * Medido: 65 tamaños distintos en la web y unos 200 usos bajo 1rem.
 *
 * LA SOLUCIÓN · subir el SUELO con max(), como se hizo arriba con Cinzel. No
 * se toca ningún tamaño concreto: se pone un mínimo. Lo que ya era mayor pasa
 * intacto, así que los versos y las citas grandes no se mueven.
 *
 * ── OJO CON EL ALCANCE · esto casi sale mal ──
 * La primera versión metía en la lista .collection-type y .card-num. Medido en
 * el navegador (no en el CSS: el regex no los encontraba):
 *
 *     .collection-type   8.8px   NO es cursiva   → habría subido +93%
 *     .card-num          9.9px   NO es cursiva   → +71%
 *
 * Son etiquetas en mayúsculas, pequeñas A PROPÓSITO, y les habría reventado la
 * cabecera de las colecciones. La lección: esto solo toca CURSIVA DE LECTURA —
 * texto que alguien se sienta a leer. Las etiquetas ya las arregló el bloque de
 * Cinzel de arriba, con peso, que es como se arregla una etiqueta.
 *
 * 1.06rem ≈ 17px · el suelo donde IM Fell English deja de costar.
 * ───────────────────────────────────────────────────────────────────── */

/* Cursiva de lectura · lo que alguien se sienta a leer.
 *
 * Verificado en el navegador uno a uno: los siete son font-style:italic y
 * ninguno salta más de un +30%. */
.hero-sub, .card-excerpt,
.puertas-sub, .puerta-frase, .puertas-conejo,
.constelacion-placeholder, .cat-sub, .story-body,
.share-text, .footer-note, .lock-text,
.guardian-invita, .destello-texto, .nimbo-texto,
.story-excerpt,
.bubble, .message .bubble {
  font-size: max(1.06rem, 1em);
  line-height: 1.85;
}

/* ── CUIDADO: ESTE SUELO NO ES UN SUELO ──────────────────────────────
 * max(1.06rem, 1em) mide contra 1em — el tamaño del PADRE, no el del propio
 * elemento. Con un padre a 1rem la cuenta da 17px pase lo que pase. Sobre algo
 * que ya iba a 1.15rem no lo sube: lo BAJA a 1.06rem.
 *
 * Funciona bien donde el elemento no declara tamaño propio (hereda, y esto le
 * pone un mínimo real). Donde sí lo declara, hay que mirar el número antes de
 * meterlo en esta lista. Si el suyo ya es mayor que 1.06rem, esta línea lo
 * encoge — y es un encogimiento invisible: en el CSS parece que sube.
 *
 * SALIERON DE AQUÍ, por eso mismo:
 *   .wl-hero-sub    1.12rem  ·  el texto bajo el título de cada territorio
 *   .persona-role   1.15rem  ·  la presentación de cada personaje
 * Los dos son mayores que 1.06rem. Su suelo vive ahora dentro de su propio
 * clamp, en wonderland-hero.css, que sí puede poner mínimo y máximo a la vez.
 *
 * (.territorio-texto también estaba, y era letra muerta: la página lo declaraba
 * en su <style>, que va después, y ganaba por cascada. Esa clase ya no existe.)
 *
 * AÑADIDO · .story-excerpt, 0.95rem, sin tamaño que perder. +11%.
 *
 * QUEDAN FUERA, y es una decisión, no un olvido · cursivas de INTERFAZ, no de
 * lectura. Subirlas al suelo les rompe la caja:
 *   .cp-status       0.78rem  → +36%, y vive en la franja lateral estrecha
 *   .quick-reply     0.85rem  → son botones, no prosa
 *   .persona-idiomas 0.9rem   → una fila de pastillas
 *   .cp-wonders      0.92rem  → un contador
 * Si Aran quiere subirlas igualmente, se añaden aquí y se mide la caja. */

/* La cursiva dentro de un párrafo no se toca: hereda del padre, y con suelo
 * propio se agrandaría dentro de su propia frase. */
p em, p i, .story-body em, li em { font-size: inherit; }

@media (max-width: 700px) {
  /* Un punto más en vertical: la pantalla está más lejos de lo que parece y
   * casi siempre se lee en movimiento. */
  /* .wl-hero-sub y .persona-role NO están aquí: su suelo de móvil va en su
   * propio clamp, en wonderland-hero.css. Ver la nota de arriba. */
  .hero-sub, .card-excerpt,
  .puertas-sub, .puertas-conejo, .story-body, .cat-sub,
  .story-excerpt,
  .bubble, .message .bubble {
    font-size: max(1.1rem, 1em);
  }
}
