/* ============================================================
   ECUACIONES · Programa PRI — presentación
   Acompaña a ecuaciones.js. KaTeX pone la tipografía; esto pone
   el tamaño, el color y el marco de las fórmulas destacadas.
   ============================================================ */

/* Hereda el color del texto de alrededor: sirve en fondo claro y oscuro */
.ec .katex, .ec-bloque .katex { color: inherit; }

.ec { font-size: 1.06em; }

/* Fórmula destacada: sola, centrada y con aire */
.ec-bloque {
    display: block;
    margin: 1.5rem auto;
    padding: 1.1rem 1.2rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 3px solid var(--naranja-atardecer, #FF5E00);
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
}
.ec-bloque .katex-display { margin: 0; }
.ec-bloque .katex { font-size: 1.35em; }

/* En el teléfono, una fórmula larga se desliza en su propio riel
   y nunca rompe el ancho de la página */
.ec { display: inline-block; max-width: 100%; overflow-x: auto; overflow-y: hidden; vertical-align: middle; }
@media (max-width: 640px) {
    .ec-bloque { padding: .9rem; margin: 1.1rem auto; }
    .ec-bloque .katex { font-size: 1.15em; }
}

/* Mientras KaTeX carga, el texto original se ve normal y legible */
.ec:not([data-ec-listo]), .ec-bloque:not([data-ec-listo]) {
    font-family: "Cambria Math", Georgia, "Times New Roman", serif;
}