/* Generado por ~/.claude/skills/pdf/presentacion.py "#F7931A": el mismo estilo con el que sale el PDF.
   No se edita a mano; los ajustes para la web van en visor.css. */
/* Estilo presentación — generado por presentacion.py desde #F7931A.
   C=#F7931A · texto sobre C=#111111 · C sobre tinta=#F7931A · C sobre blanco=#AF6306 */
@page { size: A4 landscape; margin: 0; }
html, body { margin: 0; padding: 0; }
body { zoom: 1.3; font-family: "Noto Sans", "DejaVu Sans", sans-serif; color: #111111; background: #fff; }

/* Hoja: una idea por diapositiva. */
.slide { width: 297mm; height: 209.4mm; position: relative; overflow: hidden; page-break-after: always;
  box-sizing: border-box; padding: 14mm 18mm 0 18mm; background: #fff; }
.slide:last-child { page-break-after: auto; }
.slide-color { background: #F7931A; color: #111111; }
.slide-ink { background: #111111; color: #fff; }

/* Títulos y texto: grande, para leer desde el fondo de la sala. */
.kicker { display: inline-block; background: #111111; color: #F7931A; font-weight: 900; font-size: 12pt;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 1.8mm 4mm; }
.slide-ink .kicker { background: #F7931A; color: #111111; }
/* line-height ≥ 1.25: el fondo de un resaltado (.hl) ocupa el área de contenido de la fuente, más alta que la
   línea; con 1.04 el resaltado de la segunda línea tapaba la primera (visto el 2026-10-07). */
h1 { font-size: 60pt; line-height: 1.12; font-weight: 900; margin: 6mm 0 4mm; letter-spacing: -0.02em; }
h2 { font-size: 38pt; line-height: 1.25; font-weight: 900; margin: 4mm 0 3mm; letter-spacing: -0.01em; }
.lead { font-size: 18pt; line-height: 1.32; margin: 0 0 6mm; max-width: 240mm; }
.small { font-size: 12pt; line-height: 1.4; }
.hl { background: #F7931A; color: #111111; padding: 0 1.5mm; }
.slide-color .hl { background: #111111; color: #F7931A; }
.c-text { color: #AF6306; }
.slide-ink .c-text { color: #F7931A; }
.mono { font-family: "DejaVu Sans Mono", monospace; }

/* Número de diapositiva de fondo y pie. */
.num { position: absolute; right: 18mm; top: 10mm; font-size: 54pt; font-weight: 900; color: #111111; opacity: 0.12; }
.slide-ink .num { color: #F7931A; opacity: 0.35; }
.foot { position: absolute; left: 18mm; right: 18mm; bottom: 7mm; font-size: 9.5pt; color: #555;
  border-top: 0.5mm solid #111111; padding-top: 2mm; z-index: 2; background: #fff; }
.slide-color .foot { color: #111111; border-top-color: #111111; background: #F7931A; }
.slide-ink .foot { color: #bbb; border-top-color: #F7931A; background: #111111; }

/* Cifras grandes. */
.stat { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 60mm; margin: 0 4mm 4mm 0;
  background: #111111; color: #fff; padding: 5mm; box-sizing: border-box; min-height: 48mm; }
.stat b { display: block; font-size: 58pt; line-height: 1; color: #F7931A; font-weight: 900; }
.stat span { display: block; font-size: 14pt; line-height: 1.25; margin-top: 2mm; }
.slide-ink .stat { background: #F7931A; color: #111111; }
.slide-ink .stat b { color: #111111; }

/* Tarjetas: llena (color), punteada (indicio) y tinta (aparte). */
.card { display: inline-block; vertical-align: top; margin: 0 3mm 3mm 0; padding: 3.5mm 4mm; box-sizing: border-box;
  border: 0.9mm solid #111111; background: #fff; color: #111111; }
.card .tag { float: right; font-size: 9pt; font-weight: 900; padding: 0.8mm 2mm; letter-spacing: 0.06em; }
.card .id { font-size: 24pt; font-weight: 900; line-height: 1; }
.card code { display: block; font-family: "DejaVu Sans Mono", monospace; font-size: 8pt; margin-top: 1.6mm; word-break: break-all; }
.card .note { font-size: 10.5pt; margin-top: 1.2mm; }
.card-color { background: #F7931A; color: #111111; }
.card-color .tag { background: #111111; color: #F7931A; }
.card-dashed { border-style: dashed; }
.card-dashed .tag { border: 0.5mm solid #111111; }
.card-ink { background: #111111; color: #fff; }
.card-ink .tag { background: #F7931A; color: #111111; }
.swatch { display: inline-block; width: 5mm; height: 5mm; vertical-align: -1mm; margin-right: 1.5mm; border: 0.6mm solid #111111; }
.swatch-color { background: #F7931A; }
.swatch-ink { background: #111111; }
.swatch-dashed { border-style: dashed; }

/* Afirmaciones de cierre y recuadros. */
.big { font-size: 24pt; font-weight: 900; line-height: 1.18; margin: 0 0 6mm; padding-left: 6mm; border-left: 3mm solid #F7931A; }
.box-ink { background: #111111; color: #fff; padding: 6mm; }
.box-ink .c-text { color: #F7931A; }
.box-line { border: 1.2mm solid #F7931A; padding: 7mm; }
.ok { display: inline-block; background: #F7931A; color: #111111; font-weight: 900; padding: 1mm 3mm; font-size: 12pt; }
.slide-color .ok, .box-ink .ok { background: #F7931A; color: #111111; }

/* Tablas. */
table.tabla { width: 100%; border-collapse: collapse; font-size: 14pt; }
table.tabla th { background: #111111; color: #F7931A; text-align: left; padding: 2.6mm 3mm; font-size: 11pt;
  letter-spacing: 0.06em; text-transform: uppercase; }
table.tabla td { padding: 2.6mm 3mm; border-bottom: 0.5mm solid #111111; }
.slide-color table.tabla td { border-bottom-color: #111111; }
.bar { display: inline-block; height: 4.5mm; background: #F7931A; border: 0.5mm solid #111111; vertical-align: middle; }
.slide-color .bar { background: #fff; }
.bar-ink { background: #111111 !important; }

/* SVG: el color se pone por clase para que el mismo diagrama sirva con cualquier color. */
.f-c { fill: #F7931A; }
.s-c { stroke: #F7931A; }
.f-on-c { fill: #111111; }
.f-c-ink { fill: #F7931A; }
.f-c-paper { fill: #AF6306; }
.f-ink { fill: #111111; }
.s-ink { stroke: #111111; }