/* EchoFather Familias · capa de lectura (v7.3)
   Se carga la última. Fija tamaños mínimos para leer con comodidad en todas las pantallas:
   texto corrido 15–17 px, textos secundarios 13–14 px, etiquetas en mayúsculas 10–11 px.
   También separa las notas flotantes del emblema en la portada. */

/* ── Base común ── */
.eyebrow { font-size: 11px; }
.lead { font-size: clamp(17px, 1.3vw, 20px); }
.text-link { font-size: 13px; }
.button { font-size: 13px; }
.small-note { font-size: 13px; line-height: 1.7; }
.section-heading > p { font-size: 14px; }
.journey-help { font-size: 11px; }

/* ── Inicio ── */
.hero-footnote { font-size: 13px; }
.floating-note { font-size: 12px; padding: 14px 18px; }
.floating-note b { font-size: 14px; }
.orbit-label { font-size: 10px; }
/* El emblema deja aire alrededor y las notas se van a las esquinas, fuera del dibujo */
.hero-emblem { width: 92%; height: 92%; left: 4%; top: 4%; }
.note-a { top: -5%; right: 0; }
/* Pegada al pie del emblema, sin salirse de la escena (si se sale, aparece una barra de desplazamiento) */
.note-b { bottom: 0; left: 0; }
.orbit-label { bottom: 1%; }

/* ── Origen ── */
.chapter-copy p:not(.eyebrow) { font-size: 15px; line-height: 1.75; }
.chapter-copy .lead { font-size: 17px !important; }

/* ── Método ── */
.chapter-intro .muted { font-size: 15px; line-height: 1.7; }
.console-caption { font-size: 10px; }
.console-caption span { font-size: 10px; }
.step-num { font-size: 13px; }
.method-list strong { font-size: 28px; }
.method-list small { font-size: 14px; line-height: 1.5; margin-top: 6px; }
.method-list details p { font-size: 15px; line-height: 1.75; color: #d3e0dc; }
.console-bottom { font-size: 13px; }

/* ── Investigación ── */
.research-detail .eyebrow { font-size: 11px; }
.research-detail h3 { font-size: 31px; }
.research-detail > p:not(.eyebrow) { font-size: 15px; line-height: 1.75; color: #c6d6d2; }
.result-box > span { font-size: 10px; }
.result-box p { font-size: 14px; line-height: 1.65; }
.research-visual-footer > span { font-size: 10px; }
.research-visual-footer .text-link { font-size: 12px; }
.research-more p { font-size: 13px; }

/* ── Familias ── */
.delivery-item > span { font-size: 12px; }
.delivery-item p { font-size: 15px; line-height: 1.7; color: #456158; }

/* ── App ── */
.app-copy .muted { font-size: 15px; }
.app-privacy li { font-size: 14px; }
.app-txt small { font-size: 13px; }

/* ── Voces ── */
.media-kicker { font-size: 10px; }
.media-feature > p, .media-body > p { font-size: 15px; line-height: 1.7; }
.media-list .eyebrow { font-size: 10px; }
.media-list p { font-size: 14px; }
.link-caption { font-size: 12px; }
.section-note { font-size: 13px; }

/* ── Universo ── */
.universe-copy .muted { font-size: 15px; }
.art-description p { font-size: 15px; line-height: 1.7; }
.art-label small { font-size: 9px; }

/* ── Hablemos y preguntas ── */
.contact-email { font-size: 15px; }
.contact-sign small { font-size: 12px; }
.faq-panel > h3 { font-size: 32px; }
.faq-list summary { font-size: 16px; padding: 19px 0; }
.faq-list p { font-size: 15px; line-height: 1.75; color: #3f5c52; }
.faq-panel > .text-link { font-size: 13px; }

/* ── Mapa de capítulos ── */
.map-card p { font-size: 12px; }
.map-card small { font-size: 9px; }

/* ── Portátil ── */
@media (max-width: 1180px) {
  .floating-note { padding: 12px 15px; }
  .note-a { top: -5%; right: 0; }
  .note-b { bottom: 0; left: 0; }
  .research-detail > p:not(.eyebrow) { font-size: 14px; min-height: 0; }
  .section-heading > p { font-size: 13px; }
  .journey-help { font-size: 10px; }
}

/* ── Tableta ── */
@media (max-width: 980px) {
  .floating-note { font-size: 11px; }
  .floating-note b { font-size: 12px; }
  .note-a { top: -6%; right: 0; }
  .note-b { bottom: -8%; left: 0; }
  .hero-footnote { font-size: 12px; }
  .chapter-copy p:not(.eyebrow) { font-size: 14px; }
  .chapter-copy .lead { font-size: 16px !important; }
  .method-list small { font-size: 13px; }
  .method-list details p { font-size: 14px; margin-left: 33px; margin-right: 5px; }
  .delivery-item p { font-size: 14px; }
  .media-list p { font-size: 13px; }
  .faq-list summary { font-size: 15px; }
  .faq-list p { font-size: 14px; }
}

/* ── Móvil ── */
@media (max-width: 720px) {
  .eyebrow { font-size: 11px; }
  .hero-copy .eyebrow { font-size: 10px; }
  .hero-copy .lead { font-size: 17px; }
  .hero-copy .button, .hero-copy .text-link { font-size: 13px; }
  .hero-footnote { font-size: 13px; }
  .hero-emblem { width: 80%; height: 80%; left: 10%; top: 9%; }
  .floating-note { font-size: 11px; padding: 9px 12px; gap: 9px; }
  .floating-note b { font-size: 12px; }
  .mini-icon { font-size: 18px; padding-right: 9px; }
  .note-a { top: -4%; right: 0; }
  .note-b { bottom: -5%; left: 0; }
  .orbit-label { display: none; }

  .chapter-intro .lead { font-size: 17px; }
  .chapter-intro .muted { font-size: 15px; }
  .chapter-copy .lead { font-size: 17px !important; }
  .chapter-copy p:not(.eyebrow) { font-size: 15px; }

  .method-list strong { font-size: 26px; }
  .method-list small { font-size: 14px; }
  .method-list summary { grid-template-columns: 26px 1fr 26px; gap: 12px; }
  .method-list details p { font-size: 15px; margin: 0 0 21px 38px; }
  .console-caption span { display: none; }

  .research-detail > p:not(.eyebrow) { font-size: 15px; }
  .research-detail .result-box p { font-size: 14px; }
  .research-visual-footer > span { font-size: 9px; }
  .research-more p { font-size: 13px; }

  .delivery-item p { font-size: 15px; }
  .small-note { font-size: 13px; }

  .media-list p { font-size: 14px; }
  .section-note { font-size: 13px; }
  .universe-copy .muted, .art-description p { font-size: 15px; }

  .faq-list summary { font-size: 16px; }
  .faq-list p { font-size: 15px; }
  .contact-email { font-size: 15px; }
}