/* Franja de noticias del banner (app/noticias.js). Reutiliza .u-eyebrow, .u-live-dot, .u-button, .u-round
   y @keyframes u-enter de ultra.css; aquí solo lo que la ubica sobre el borde superior de .u-hero, con
   los mismos márgenes laterales que .u-hero-copy para el texto. Es una cinta fina de lado a lado con el
   verde de identidad (--u-lime), la tinta que ultra.css ya usa sobre ese verde (--accent-ink, como
   .u-primary) y filetes de --accent-line entre la etiqueta, el texto y la fuente: pruebas/contraste.js
   mide los pares. El texto nunca se corta en una línea: si no cabe, pasa a dos. */
.u-news{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;min-height:30px;padding:3px 56px;background:var(--u-lime);color:var(--accent-ink);font-size:13px;line-height:1.3}
.u-news[hidden]{display:none}
.u-news .u-news-label{margin:0;padding-right:12px;border-right:1px solid var(--accent-line);font-size:8px;font-weight:500;letter-spacing:.24em;flex-shrink:0;color:inherit}
.u-news .u-live-dot{background:currentColor;box-shadow:none}
.u-news-track{flex:1;min-width:0}
.u-news-item{display:flex;align-items:baseline;gap:10px;min-width:0;color:inherit;text-decoration:none;animation:u-enter .4s ease-out both}
a.u-news-item:hover .u-news-text{text-decoration:underline;text-underline-offset:2px}
.u-news-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.u-news-source{flex-shrink:0;padding-left:10px;border-left:1px solid var(--accent-line);color:inherit;font-size:11px;font-weight:500}
.u-news .u-news-next{width:24px;height:24px;padding:0 0 2px;border:0;font-size:18px;line-height:1;flex-shrink:0;color:inherit;background:none}
.u-news .u-news-next:hover{background:var(--accent-ink);color:var(--u-lime)}
.u-news .u-news-next[hidden]{display:none}
.u-news a:focus-visible,.u-news button:focus-visible{outline-color:var(--accent-ink);outline-offset:1px}
@media(max-width:1100px){.u-news{padding:3px 32px}}
@media(max-width:800px){.u-news{padding:3px 30px}}
@media(max-width:540px){
 .u-news{padding:3px 22px;gap:8px;font-size:12px;line-height:1.25}
 .u-news .u-news-label{display:none}
 .u-news-source{display:none}
}
@media(prefers-reduced-motion:reduce){.u-news-item{animation:none}}
