/* ══════════════════════════════════════════════════════════════════
   PRESENTACIÓN · tipografía de las diapositivas de taller temático
   ------------------------------------------------------------------
   Va DESPUÉS de la hoja del dashboard, así que gana sin !important.
   Lo que arregla es lo mismo que se arregló en los otros talleres:
   letra que se lee, fórmulas con aire, listas que parecen listas.
   ══════════════════════════════════════════════════════════════════ */

#tt-slide-area .tt-p {
    font-size: 1rem;
    line-height: 1.78;
    color: rgba(232, 244, 255, .88);
    margin: 0 0 .95rem;
}

#tt-slide-area .tt-sub {
    font-size: 1.02rem;
    font-weight: 800;
    color: #38bdf8;
    margin: 1.25rem 0 .5rem;
    letter-spacing: .2px;
}
#tt-slide-area .tt-sub:first-child { margin-top: 0; }

#tt-slide-area .tt-lista {
    margin: .4rem 0 1.1rem;
    padding-left: 1.35rem;
}
#tt-slide-area .tt-lista li {
    font-size: 1rem;
    line-height: 1.72;
    color: rgba(232, 244, 255, .88);
    margin: .42rem 0;
}
#tt-slide-area ul.tt-lista { list-style: none; padding-left: .35rem; }
#tt-slide-area ul.tt-lista li { position: relative; padding-left: 1.15rem; }
#tt-slide-area ul.tt-lista li::before {
    content: ''; position: absolute; left: 0; top: .72em;
    width: 6px; height: 6px; border-radius: 50%;
    background: #ff5e00;
}
#tt-slide-area ol.tt-lista li::marker { color: #38bdf8; font-weight: 800; }

/* ── Las fórmulas, en su propia línea ─────────────────────────────
   Este es el arreglo que más se nota. Antes iban dentro del párrafo,
   en cuerpo 13 y pegadas al renglón de arriba. */
#tt-slide-area .tt-formula {
    display: flex; align-items: center; gap: .8rem; flex-wrap: wrap;
    margin: 1.1rem 0;
    padding: .95rem 1.15rem;
    border-radius: 12px;
    background: rgba(56, 189, 248, .07);
    border: 1px solid rgba(56, 189, 248, .2);
    border-left: 3px solid #38bdf8;
    font-size: 1.12rem;
    line-height: 1.9;
    color: #e8f4ff;
    overflow-x: auto;                 /* una fórmula larga se desplaza, no rompe la lámina */
    overflow-y: hidden;
}
#tt-slide-area .tt-formula-et {
    flex-shrink: 0;
    font-size: .62rem; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase;
    color: #38bdf8; opacity: .8;
    padding: .12rem .5rem; border-radius: 5px;
    background: rgba(56, 189, 248, .12);
}
#tt-slide-area .tt-formula .katex { font-size: 1.14em; }

/* KaTeX dentro de la prosa: que no empuje los renglones */
#tt-slide-area .tt-p .katex,
#tt-slide-area .tt-lista .katex { font-size: 1.05em; }

#tt-slide-area .tt-slide-titulo {
    font-size: 1.42rem;
    line-height: 1.3;
    margin-bottom: 1rem;
}

#tt-slide-area b { color: #fff; font-weight: 800; }

@media (max-width: 640px) {
    #tt-slide-area .tt-p,
    #tt-slide-area .tt-lista li { font-size: .97rem; }
    #tt-slide-area .tt-formula { font-size: 1.04rem; padding: .8rem .9rem; }
    #tt-slide-area .tt-slide-titulo { font-size: 1.22rem; }
}