/* ─────────────────────────────────────────────────────────────
   co-header.css — Header compartido de las páginas de Colombia
   (co/index.html, co/cmn.rides.html, y las próximas cmn.eat/pack).
   Separador de nav + countdown de lanzamiento en la barra superior.
───────────────────────────────────────────────────────────── */

/* ── Nav separator (entre servicios y roles, solo desktop) ─────── */
.nav-sep { width: 1px; height: 18px; background: rgba(255,255,255,.18); flex-shrink: 0; align-self: center; }
@media (max-width: 768px) { .nav-sep { display: none; } }
@media (min-width: 769px) { .nav-link--extra { display: none; } }

/* ── Countdown de lanzamiento (solo desktop, en la barra de nav) */
.co-countdown { display: none; }
@media (min-width: 769px) {
  .co-countdown {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 16px;
    flex-shrink: 0;
  }
  .co-countdown__label { display: none; }
  .co-countdown__timer {
    display: flex;
    align-items: flex-start;
    gap: 3px;
    font-family: var(--font-mono, 'DM Mono', monospace);
    color: #00F0FF;
  }
  .co-countdown__seg {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .co-countdown__seg span { font-size: 14px; font-weight: 500; line-height: 1.1; }
  .co-countdown__seg small { font-size: 8px; color: rgba(255,255,255,.30); font-family: var(--font-body, 'DM Sans', sans-serif); margin-top: 2px; }
  .co-countdown__sep { font-size: 13px; color: rgba(0,240,255,.45); padding: 0 1px; margin-top: 1px; }
}