/* ══════════════════════════════════════════════════════════════════
   COP · FÚTBOL 11 · EL RENGLÓN «INICIA EN X»  (25/09/2026, tanda 3)
   Un renglón, sin caja (regla 1): el reloj y la cuenta en el acento de la
   competencia, la hora del cierre en tinta apagada. Lo dibuja
   `cop-f11-reloj.js`.
   ══════════════════════════════════════════════════════════════════ */
.cop-f11-reloj{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:.2rem var(--gap-sm, .5rem); margin:0; min-height:1.4rem;
  font:700 var(--fs-sm, .8rem)/1.2 Inter, system-ui, sans-serif;
  color:var(--text-dim, #9aa3b5); text-align:center;
}
.cop-f11-reloj[hidden]{display:none}
.cop-f11-reloj:empty{visibility:hidden}
.cop-f11-reloj svg{width:15px; height:15px; flex:0 0 auto; color:rgb(var(--cop-acento-rgb, 12,149,235))}
.cop-f11-reloj b{font-weight:800; color:var(--text, #f4f6fb); font-variant-numeric:tabular-nums}
.cop-f11-reloj span::before{content:'·'; margin-right:var(--gap-sm, .5rem); color:var(--text-faint, #5a6275)}
/* a menos de 15 minutos del cierre, la cuenta se enciende */
.cop-f11-reloj[data-estado="cierra"] b,
.cop-f11-reloj[data-estado="cierra"] svg{color:var(--gold, #ffc233)}
/* en juego: el punto de «en vivo» de la app */
.cop-f11-vivo{width:8px; height:8px; border-radius:50%; background:var(--red, #ff3b5c);
  box-shadow:0 0 0 0 rgba(255,59,92,.55); animation:cop-f11-late 1.8s ease-out infinite}
@keyframes cop-f11-late{ 70%{box-shadow:0 0 0 7px rgba(255,59,92,0)} 100%{box-shadow:0 0 0 0 rgba(255,59,92,0)} }
.cop-f11-reloj[data-estado="sin"],
.cop-f11-reloj[data-estado="fin"]{color:var(--text-faint, #5a6275)}
.cop-f11-reloj[data-estado="sin"] b,
.cop-f11-reloj[data-estado="fin"] b{color:var(--text-dim, #9aa3b5); font-weight:700}
.cop-f11-reloj[data-estado="sin"] svg,
.cop-f11-reloj[data-estado="fin"] svg{color:var(--text-faint, #5a6275)}
@media (prefers-reduced-motion: reduce){ .cop-f11-vivo{animation:none} }