/**
 * am-servicios-ticker.css  v3.0
 *
 * El ticker ahora usa animación 100% JavaScript (RAF).
 * La animación CSS original (tickerScroll keyframe) se cancela via
 * inner.style.animation = 'none' en el JS, por lo que ya no necesitamos
 * sobreescribir animation-play-state aquí.
 *
 * Este archivo se limita a:
 *  - Cursor de drag (grab / grabbing)
 *  - Estilos visuales de los ítems de servicios
 */


/* ==========================================================================
   CURSOR DE DRAG — indica al usuario que puede deslizar
   ========================================================================== */

.am-ticker-band {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}

/* Estado de arrastre activo (se agrega data-dragging via JS en mousedown/touchstart) */
.am-ticker-band[data-dragging],
.am-ticker-band[data-dragging] * {
  cursor: grabbing !important;
}


/* ==========================================================================
   ÍTEMS DE SERVICIOS
   ========================================================================== */

.am-ticker-item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 400;
  color: rgba(245, 244, 242, 0.88);
  letter-spacing: 0.01em;
  padding: 0 var(--space-4);
}

.am-ticker-item a {
  color: rgba(245, 244, 242, 0.88);
  text-decoration: none;
  transition: color var(--transition);
}

.am-ticker-item a:hover {
  color: #ffffff;
}

.am-ticker-item strong {
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-right: 14px;
  color: #ffffff;
}


/* ==========================================================================
   VARIANTES POR TIPO DE DATO
   ========================================================================== */

/* Dólar Oficial */
.am-ticker-item--dolar-oficial strong {
  color: #ffffff;
}

/* Dólar Blue */
.am-ticker-item--dolar-blue strong {
  color: #ffffff; /* Red on red is invisible, changed to white */
}

/* Pronóstico del tiempo */
.am-ticker-item--pronostico strong {
  color: #ffffff;
}

/* Alerta SMN severa */
.am-ticker-item--alerta strong {
  color: #fcd34d; /* Amarillo destaca bien sobre rojo */
}

/* Informativa / no severa */
.am-ticker-item--clima strong {
  color: #ffffff;
}

/* Fallback / resguardo */
.am-ticker-item--fallback {
  opacity: 0.8;
  font-style: italic;
  color: #ffffff;
}


/* ==========================================================================
   SEPARADOR ◆
   ========================================================================== */

.am-ticker-item .am-ticker-separator {
  color: rgba(255, 255, 255, 0.5);
  font-size: 8px;
  padding: 0 var(--space-3);
  flex-shrink: 0;
}