/* ---------- Controles de lectura ---------- */
      .reader-toolbar {
          position: sticky;
          top: .5rem;
          z-index: 5;
          display: flex;
          gap: .5rem;
          align-items: center;
          justify-content: flex-end;
          margin-bottom: .75rem;
          padding: .4rem .5rem;
          background: rgba(255, 255, 255, .75);
          backdrop-filter: blur(8px);
          border: 1px solid var(--brand-gris-30, #e1e4e8);
          border-radius: 999px;
          box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
      }

      .reader-btn {
          appearance: none;
          border: 0;
          cursor: pointer;
          padding: .35rem .7rem;
          border-radius: 999px;
          font-weight: 700;
          background: linear-gradient(145deg,
                  var(--brand-azul-shade-20, #002a9f) 0%,
                  var(--brand-azul, #0133CC) 50%,
                  var(--brand-azul-tint-20, #375fe0) 100%);
          color: #fff;
          box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
          transition: filter .15s ease, transform .06s ease;
      }

      .reader-btn:active {
          transform: translateY(1px) scale(.99);
      }

      .reader-btn.secondary {
          background: linear-gradient(145deg, #f1f3f5 0%, #ffffff 100%);
          color: #222;
          border: 1px solid var(--brand-gris-30, #e1e4e8);
      }

      .reader-indicator {
          min-width: 3ch;
          text-align: center;
          font-weight: 700;
          color: #333;
          padding: 0 .25rem;
      }

      /* El contenedor que escala la tipografía */
      .reader {
          /* Escala tipográfica controlada por variable */
          font-size: var(--reader-font, 1rem);
          line-height: 1.65;
      }

      .reader .section-block h2 {
          font-size: clamp(1.2rem, 1.1rem + .2vw, 1.4rem);
      }