/* Contador de clases y horas (03/11/2026). Pegado al tema: sin colores fijos de fondo, funciona en claro y oscuro. */
.ch{margin:18px 0}
.ch__in{list-style:none;margin:0 auto;padding:0 16px;max-width:1100px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ch__i{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(138,63,209,.16),rgba(240,86,19,.10));border:1px solid rgba(138,63,209,.35);min-width:0}
.ch__ic{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8a3fd1,#f05613);box-shadow:0 6px 18px rgba(138,63,209,.35)}
.ch__ic svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ch__ic svg rect+path{fill:#fff;stroke:none}
.ch__tx{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.ch__n{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ch__e{font-weight:700;font-size:.95rem}
.ch__s{font-size:.8rem;opacity:.75}
@media (max-width:720px){.ch__in{grid-template-columns:1fr;gap:10px}.ch__i{padding:12px 14px}.ch__n{font-size:1.7rem}}