/**
 * ITBA Landings — estilo DEFAULT de [itba_landing_counter] (ver sc_counter()).
 * Mismas clases que ya usaba el diseño original pegado a mano en varias plantillas
 * (countdown-container/-item/-number/-label). Countdown ANIMADO — el JS
 * (itba-landings-front.js) actualiza los números cada segundo.
 *
 * Personalizar por landing SIN pegar un <style> completo (frágil: depende de qué CSS carga
 * después en el HTML): en Divi, Página → Configuración → Avanzado → CSS personalizado, poné
 * solo la(s) variable(s) que quieras cambiar, ej.:
 *   :root { --itba-countdown-color: #123456; --itba-countdown-size: 60px; }
 * El "Custom CSS" de Divi es por-página y siempre tiene prioridad garantizada — no hay que
 * adivinar orden de carga como con un <style> pegado en el contenido.
 */
.countdown-container {
  display: flex;
  justify-content: center;
  gap: 60px;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
}

.countdown-item {
  min-width: 80px;
}

.countdown-number {
  font-size: var(--itba-countdown-size, 48px);
  font-weight: 700;
  color: var(--itba-countdown-color, #A9625E);
  line-height: 1;
}

.countdown-label {
  font-size: 14px;
  color: var(--itba-countdown-color, #A9625E);
  margin-top: 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 768px) {
  .countdown-container { gap: 3px; }
  .countdown-number { font-size: 30px; }
  .countdown-label { font-size: 11px; }
}