/* Cuenta regresiva: franja azul oscuro con acento ámbar, números digitales de ancho fijo. */
.crs{--cr-bg:var(--primary,#0a1f44);--cr-ac:var(--accent,#f59e0b);padding:1.6rem 0}
.crs-panel{padding:0 0 1.2rem}
.crs-in{max-width:none}
.cr{position:relative;display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;align-items:center;padding:1.5rem 1.7rem 1.7rem;border-radius:16px;color:#e8eefb;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.09),transparent 55%),linear-gradient(135deg,var(--cr-bg),color-mix(in srgb,var(--cr-bg) 78%,#000));
  box-shadow:0 14px 34px rgba(8,15,32,.28),inset 0 0 0 1px rgba(255,255,255,.07)}
.cr+.cr{margin-top:0}
.cr-kicker{margin:0 0 .35rem;font-size:.82rem;font-weight:600;color:var(--cr-ac);display:flex;align-items:center;gap:.5rem;letter-spacing:.02em}
.cr-punto{width:.55rem;height:.55rem;border-radius:50%;background:var(--cr-ac);box-shadow:0 0 0 0 color-mix(in srgb,var(--cr-ac) 60%,transparent)}
.cr[data-estado=fin] .cr-punto{background:#94a3b8;box-shadow:none}
.cr .cr-titulo{margin:0 0 .35rem;color:#fff;font-family:var(--font-d,inherit);font-size:1.55rem;line-height:1.15;letter-spacing:-.01em}
.cr-chica .cr-titulo{font-size:1.1rem}
.cr-desc{margin:0 0 .5rem;color:#c3cfe8;max-width:46ch;line-height:1.5}
.cr-fecha{margin:0;font-size:.84rem;color:#a9b8d6}
.cr .cr-btn{margin-top:.9rem;background:var(--cr-ac);border-color:var(--cr-ac);color:#1a1200;font-weight:700}
.cr .cr-btn:hover{filter:brightness(1.08)}
.cr-reloj{display:flex;gap:.6rem}
.cr-u{display:grid;justify-items:center;gap:.4rem;min-width:4.4rem}
.cr-u b{display:block;width:100%;text-align:center;padding:.55rem .3rem;font:700 2.35rem/1 var(--font-d,ui-sans-serif);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:#fff;border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 50%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 14px rgba(0,0,0,.25)}
.cr-u span{font-size:.75rem;color:#a9b8d6;letter-spacing:.04em}
.cr-chica{grid-template-columns:1fr;padding:1rem 1.2rem 1.3rem;gap:.7rem}
.cr-chica .cr-u{min-width:3.2rem}.cr-chica .cr-u b{font-size:1.4rem;padding:.4rem .2rem}
.cr-chica .cr-kicker{margin-bottom:.15rem}
.cr-final{margin:0;grid-column:1/-1;font-family:var(--font-d,inherit);font-size:1.15rem;color:#fff}
.cr-barra{grid-column:1/-1;height:6px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.cr-barra i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cr-ac),color-mix(in srgb,var(--cr-ac) 60%,#fff));transition:width .8s ease}
.crs-otras{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}
.cr[data-estado=urgente] .cr-u b{color:var(--cr-ac)}
.cr[data-estado=critico] .cr-u b{color:#fecaca;box-shadow:inset 0 0 0 1px rgba(248,113,113,.55),0 6px 14px rgba(0,0,0,.25)}
.cr[data-estado=critico] .cr-kicker{color:#fecaca}.cr[data-estado=critico] .cr-punto{background:#f87171}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){
  .cr[data-estado=curso] .cr-punto,.cr[data-estado=urgente] .cr-punto,.cr[data-estado=critico] .cr-punto{animation:crPulso 2s infinite}
  .cr-cambia{animation:crCambia .35s ease-out}
}
@keyframes crPulso{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cr-ac) 55%,transparent)}70%,100%{box-shadow:0 0 0 .55rem transparent}}
@keyframes crCambia{from{opacity:.25;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .cr{grid-template-columns:1fr;padding:1.2rem 1.1rem 1.4rem}
  .cr-reloj{gap:.4rem}.cr-u{flex:1;min-width:0}.cr-u b{font-size:1.7rem}
  .cr .cr-titulo{font-size:1.3rem}
}
@media print{.crs{display:none}}