/* SeTechnota · Noticias Flash v0.1.4 */
.flash-row {
  display: flex;
  align-items: stretch;
  min-height: 36px;
  margin-top: 0;
  overflow: hidden;
  background: #151515;
  color: #fff;
}

.flash-row > strong {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 9px 20px;
  background: var(--st-red);
  font-size: 11px;
  white-space: nowrap;
}

.flash-links {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: hidden; /* no barra horizontal ni arrastre */
  padding: 0 16px;
}

/* Antes de activar JavaScript, los enlaces siguen siendo utilizables. */
.flash-links > a,
.flash-group > a {
  flex: 0 0 auto;
  color: #fff;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
}

.flash-links a::before {
  content: '·';
  color: #d5a08b;
  margin-right: 8px;
}

.flash-links a:hover,
.flash-links a:focus-visible {
  color: #ffd6c8;
}

.flash-track {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: max-content;
  gap: 26px;
  will-change: transform;
  animation: st-flash-move var(--flash-duration, 28s) linear infinite;
}

.flash-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 26px;
}

/* Pausa al interactuar: permite leer y abrir enlaces. */
.flash-links:hover .flash-track,
.flash-links:focus-within .flash-track {
  animation-play-state: paused;
}

@keyframes st-flash-move {
  to { transform: translateX(calc(-1 * var(--flash-distance, 0px))); }
}

@media (prefers-reduced-motion: reduce) {
  .flash-track { animation: none; will-change: auto; }
}

@media (max-width: 700px) {
  .flash-row > strong { padding-inline: 10px; }
}