/* Ticker centrado con dos tramos idénticos, sin huecos durante el ciclo. */
.ec-ticker{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;min-height:var(--ec-height);background:var(--ec-bg);color:var(--ec-fg);overflow:hidden;box-sizing:border-box;z-index:5;font-family:inherit}
.ec-ticker *{box-sizing:border-box}
.ec-ticker-moving{display:flex;align-items:center;width:max-content;min-width:100%;flex:0 0 auto;animation:ec-marquee var(--ec-duration, 60s) linear infinite;will-change:transform}
.ec-ticker-group{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;width:max-content;white-space:nowrap}
.ec-ticker-item{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;text-align:center;vertical-align:middle;gap:7px;padding:10px var(--ec-gap);font-size:var(--ec-font);line-height:1.35;font-weight:var(--ec-weight);color:var(--ec-fg);white-space:nowrap}
.ec-ticker-item > span{display:inline-flex;align-items:center;justify-content:center}
.ec-ticker-item a{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--ec-accent);font-weight:750;text-decoration:underline;text-underline-offset:3px;line-height:inherit;white-space:nowrap}
.ec-ticker-item a:hover{opacity:.8}
.ec-ticker-icon{font-size:1.18em;line-height:1}
.ec-ticker-sep{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;text-align:center;font-size:var(--ec-font);line-height:1;min-height:1em;font-weight:700;opacity:.7;padding:0 9px;color:var(--ec-fg)}
.ec-ticker.ec-pause:hover .ec-ticker-moving,.ec-ticker.ec-pause:focus-within .ec-ticker-moving{animation-play-state:paused}
.ec-ticker.ec-right .ec-ticker-moving{animation-name:ec-marquee-right}
@keyframes ec-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* En la dirección derecha, comenzar con la segunda copia en pantalla evita el hueco inicial. */
@keyframes ec-marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
body > .ec-ticker{margin:0;border:0;clear:both;isolation:isolate}
@media(max-width:600px){.ec-ticker{max-width:100vw}.ec-ticker-item{font-size:var(--ec-mobile-font);padding:8px var(--ec-gap);gap:5px}.ec-ticker-sep{font-size:var(--ec-mobile-font);padding:0 5px}}
@media(prefers-reduced-motion:reduce){.ec-ticker-moving{animation:none;max-width:100%;overflow-x:auto;flex:1 1 auto}.ec-ticker-group:nth-child(2){display:none}}

/* V1.4.0: el color configurado prevalece sobre estilos móviles del tema. */
html body .ec-ticker,
html body .ec-ticker .ec-ticker-moving,
html body .ec-ticker .ec-ticker-group,
html body .ec-ticker .ec-ticker-item,
html body .ec-ticker .ec-ticker-item > span,
html body .ec-ticker .ec-ticker-icon,
html body .ec-ticker .ec-ticker-sep {
  color: var(--ec-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--ec-fg, #ffffff) !important;
}
html body .ec-ticker .ec-ticker-item a,
html body .ec-ticker .ec-ticker-item a:link,
html body .ec-ticker .ec-ticker-item a:visited,
html body .ec-ticker .ec-ticker-item a:hover,
html body .ec-ticker .ec-ticker-item a:active,
html body .ec-ticker .ec-ticker-item a:focus {
  color: var(--ec-accent, #f5c451) !important;
  -webkit-text-fill-color: var(--ec-accent, #f5c451) !important;
}

/* V1.5: dos secuencias consecutivas, sin separación entre grupos. */
.ec-ticker-moving{justify-content:flex-start!important;max-width:none!important}
.ec-ticker-group{justify-content:flex-start!important;max-width:none!important}

/* V1.6.0: mantener una velocidad uniforme mediante duración calculada por distancia. */
.ec-ticker-moving{animation-duration:var(--ec-duration, 60s)}
