* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #111; background: #fff; padding: 1cm 1.5cm; } h1 { font-size: 18pt; text-align: center; margin-bottom: 0.2em; } .subtitle { text-align: center; font-size: 10pt; color: #666; margin-bottom: 1em; } .semana { margin-bottom: 1.5em; page-break-after: always; break-after: page; } .semana:last-of-type { page-break-after: auto; break-after: auto; } .cabecera-dias { display: flex; gap: 4px; margin-bottom: 4px; } .cabecera-dias span { flex: 1; text-align: center; font-size: 9pt; font-weight: bold; color: #fff; background: #5d6d7e; padding: 4px 2px; border-radius: 3px; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .dias { display: flex; gap: 4px; } .dia { flex: 1; border: 1px solid #ccc; border-radius: 4px; padding: 6px 7px; min-height: 160px; page-break-inside: avoid; break-inside: avoid; } .dia .num { font-size: 15pt; font-weight: bold; color: #333; display: block; margin-bottom: 5px; line-height: 1; } .dia .contenido { font-size: 8pt; color: #444; line-height: 1.45; } .tema-btn { display: block; width: 100%; text-align: left; padding: 2px 0; font-size: 7.5pt; color: #1a5276; line-height: 1.35; font-family: inherit; text-decoration: underline dotted #1a5276; } .tema-btn:hover { color: #c0392b; background: #f0f8ff; border-radius: 2px; } @media print { .tema-btn { color: #111; text-decoration: none; } } .vacio { background: #f9f9f9; border-color: #eee; } .fin-semana { background: #fafafa; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .simulacro { background: #fff8e1; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .simulacro .num { color: #8a6000; } .examen { background: #fde8e8; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .examen .num { font-size: 20pt; color: #a00; } .examen .contenido { font-weight: bold; color: #a00; font-size: 11pt; } .leyenda { margin-top: 1.2em; font-size: 9pt; display: flex; gap: 1.2em; flex-wrap: wrap; } .leyenda-item { display: flex; align-items: center; gap: 5px; } .leyenda-color { width: 14px; height: 14px; border: 1px solid #bbb; flex-shrink: 0; }