/* ── Variables (misma paleta que style.css) ── */
:root {
  --bg:        #1e1e1e;
  --bg-alt:    #252526;
  --bg-hover:  #2a2d2e;
  --border:    #3c3c3c;
  --text:      #d4d4d4;
  --text-muted:#858585;
  --accent:    #007acc;
  --accent-2:  #4ec9b0;
  --warning:   #d7ba7d;
  --error:     #f44747;
  --topbar-h:  52px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 11pt;
  color: var(--text);
  background: var(--bg);
  padding: calc(var(--topbar-h) + 1.5rem) 1.5rem 2rem;
}
h1 { font-size: 18pt; text-align: center; margin-bottom: 0.2em; color: var(--accent-2); }
.subtitle { text-align: center; font-size: 10pt; color: var(--text-muted); margin-bottom: 1.5em; }

.semana { margin-bottom: 1.5em; }
.cabecera-dias { display: flex; gap: 4px; margin-bottom: 4px; }
.cabecera-dias span {
  flex: 1; text-align: center; font-size: 9pt; font-weight: bold;
  color: var(--text); background: var(--bg-alt);
  padding: 4px 2px; border-radius: 3px;
  border: 1px solid var(--border);
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.dias { display: flex; gap: 4px; }
.dia {
  flex: 1;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--bg-alt);
  padding: 6px 7px;
  min-height: 160px;
  page-break-inside: avoid; break-inside: avoid;
}
.dia .num {
  font-size: 15pt; font-weight: bold;
  color: var(--text-muted);
  display: block; margin-bottom: 5px; line-height: 1;
}
.dia .contenido { font-size: 8pt; color: var(--text); line-height: 1.45; }

.tema-btn {
  display: block; width: 100%; text-align: left;
  padding: 2px 0; font-size: 7.5pt;
  color: var(--accent);
  line-height: 1.35; font-family: inherit;
  text-decoration: none;
  border-radius: 2px;
}
.tema-btn:hover { color: var(--accent-2); background: var(--bg-hover); }

.vacio      { background: var(--bg) !important; border-color: var(--border); opacity: .5; }
.fin-semana { background: #1a2a35 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.fin-semana .num { color: var(--accent); }

.simulacro  { background: #2a2510 !important; border-color: var(--warning) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.simulacro .num { color: var(--warning); }

.examen     { background: #2a1010 !important; border-color: var(--error) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.examen .num     { font-size: 20pt; color: var(--error); }
.examen .contenido { font-weight: bold; color: var(--error); font-size: 11pt; }

.leyenda { margin-top: 1.5em; font-size: 9pt; display: flex; gap: 1.2em; flex-wrap: wrap; color: var(--text-muted); }
.leyenda-item { display: flex; align-items: center; gap: 5px; }
.leyenda-color { width: 14px; height: 14px; border: 1px solid var(--border); flex-shrink: 0; }

@media print {
  body { background: #fff; color: #111; padding: 0.8cm 1cm; }
  .dia { background: #fff !important; border-color: #ccc !important; }
  .fin-semana { background: #f5f5f5 !important; }
  .simulacro  { background: #fff8e1 !important; }
  .examen     { background: #fde8e8 !important; }
  .tema-btn { color: #111; }
  .semana { page-break-after: always; break-after: page; }
  .semana:last-of-type { page-break-after: auto; }
}