/* ==========================================================================
   Tema 5 · Complementos propios del módulo. Los componentes comunes (cajas,
   ejemplos, figuras, tablas, mini-preguntas y controles de simulador) son los
   t4-* de tema04.css, que la página del Tema 5 también enlaza.
   ========================================================================== */

/* Etiqueta de parte (I, II, III) sobre el título de cada sección */
.t5-parte {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-primary);
  background: #ECEFF8;
  border-radius: var(--radius-sm);
  padding: 3px 9px;
  margin-bottom: 8px;
}

/* Título de parte en el menú lateral */
.t5-nav-part {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  padding: 10px 8px 2px;
  list-style: none;
}

/* Selector segmentado de los simuladores */
.t5-seg { display: flex; flex-wrap: wrap; gap: 6px; }
.t5-seg button {
  font-family: var(--font-display); font-weight: 700; font-size: 0.82rem;
  background: var(--color-surface); color: var(--color-primary);
  border: 1.5px solid var(--color-border); border-radius: var(--radius-sm);
  padding: 6px 10px; cursor: pointer;
}
.t5-seg button[aria-pressed="true"] { border-color: var(--color-interactive); background: #E7F6F9; }
.t5-seg button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }

/* Semáforo de veredicto */
.t5-verdict {
  font-family: var(--font-display); font-weight: 800; font-size: 0.92rem;
  border-radius: var(--radius-sm); padding: 8px 12px; text-align: center;
}
.t5-verdict.ok   { background: #E3F2EA; color: #1E7D4F; }
.t5-verdict.rev  { background: #ECEFF8; color: var(--color-primary); }
.t5-verdict.bad  { background: #FDECEA; color: var(--color-danger); }

/* Trazos de los simuladores */
.t5-iso { fill: none; stroke: #6B6F86; stroke-width: 1.3; stroke-dasharray: 6 5; }
.t5-real { fill: none; stroke: var(--color-primary); stroke-width: 2.8; }
.t5-ideal { fill: none; stroke: #1B1D3A; stroke-width: 1.6; stroke-dasharray: 3 4; }
.t5-hot { fill: var(--thermal-hot); }
.t5-cold { fill: #0B3D91; }
.t5-work { fill: var(--color-primary); }
.t5-dest { fill: #3E4160; }
.t5-heatx { fill: #E8722C; }
.t5-area-q { fill: rgba(192, 57, 43, 0.14); }

/* La MathML oculta de KaTeX es absoluta: sin un contenedor posicionado escapa
   del scroll propio de la ecuación y ensancha la página en móvil. */
#module-viewport .katex-display, #module-viewport .table-scroll { position: relative; }