/* Barra de aviso Contexto – estilos universales */
.ctxn{ margin:8px auto 12px; max-width:1100px; padding:0 12px; }
.ctxn__inner{
  display:flex; align-items:center; gap:10px;
  border-radius:22px;
  background:rgba(71,88,166,.10); /* #4758a6 translúcido */
  padding:8px 14px;
}

/* punto con pulso */
.ctxn__dot{
  width:10px; height:10px; min-width:10px; border-radius:999px;
  background:#4758a6;
  box-shadow:0 0 0 0 rgba(71,88,166,.35);
  animation:ctxn-pulse 1.8s infinite;
}
@keyframes ctxn-pulse{
  0%{box-shadow:0 0 0 0 rgba(71,88,166,.35);}
  70%{box-shadow:0 0 0 12px rgba(71,88,166,0);}
  100%{box-shadow:0 0 0 0 rgba(71,88,166,0);}
}

/* texto */
.ctxn__viewport{
  position:relative; overflow:hidden; width:100%;
}
.ctxn__track{
  color:#2e3138;               /* gris oscuro (no blanco) */
  font-size:14px; line-height:1.4;
  white-space:nowrap;
  will-change:transform;
}

/* Desktop: no animamos si entra completo (queda centrado por el contenedor) */
@media (min-width: 992px){
  .ctxn{ /* centrado por max-width */ }
}

/* Accesibilidad: no animar si usuario pidió reducir movimiento */
@media (prefers-reduced-motion: reduce){
  .ctxn__dot{ animation:none }
}