/* MENU-CATEGORIAS-NOTICIAS: Categorías (lateral) — respeta ColorTitulo / TextoEnlace */
.wu-noticia-categories--sidebar {
    --wu-ncat-accent: var(--color-principal, var(--bs-primary, currentColor));
    --wu-ncat-border: color-mix(in srgb, currentColor 14%, transparent);
    --wu-ncat-soft: color-mix(in srgb, var(--wu-ncat-accent) 10%, transparent);
    position: relative;
    inline-size: 100%;
    margin: 0;
    padding: 1.15rem 1.15rem 1.05rem;
    overflow: hidden;
    border: 1px solid var(--wu-ncat-border);
    border-radius: .85rem;
    background:
        linear-gradient(180deg, var(--wu-ncat-soft), transparent 45%),
        var(--color-fondo, #fff);
    box-sizing: border-box;
    isolation: isolate;
}
.wu-noticia-categories--sidebar::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    inline-size: .28rem;
    background: linear-gradient(180deg, var(--wu-ncat-accent), color-mix(in srgb, var(--wu-ncat-accent) 30%, transparent));
}
.wu-noticia-categories__title {
    position: relative;
    margin: 0 0 .9rem;
    padding: 0 0 .75rem .15rem;
    border-block-end: 1px solid var(--wu-ncat-border);
    font-size: clamp(.95rem, 1.5vw, 1.1rem);
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}
.wu-noticia-categories__list {
    margin: 0;
    padding: 0;
}
.wu-noticia-categories__item {
    margin: 0;
}
.wu-noticia-categories__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-inline: -.35rem;
    padding: .62rem .55rem .62rem .45rem;
    border-radius: .55rem;
    text-decoration: none;
    font-size: .94rem;
    line-height: 1.35;
    transition: background .22s ease, transform .22s ease;
}
.wu-noticia-categories__link span {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}
.wu-noticia-categories__link .bi {
    flex: 0 0 auto;
    color: var(--wu-ncat-accent);
    font-size: .78em;
    opacity: .55;
    transform: translateX(-.15rem);
    transition: opacity .22s ease, transform .22s ease;
}
.wu-noticia-categories__link:hover,
.wu-noticia-categories__item.is-active .wu-noticia-categories__link {
    background: var(--wu-ncat-soft);
    transform: translateX(.12rem);
}
.wu-noticia-categories__link:hover .bi,
.wu-noticia-categories__item.is-active .wu-noticia-categories__link .bi {
    opacity: 1;
    transform: none;
}
.wu-noticia-categories__item.is-active .wu-noticia-categories__link {
    font-weight: 650;
}
.wu-noticia-categories__link:focus-visible {
    outline: .16rem solid var(--wu-ncat-accent);
    outline-offset: .12rem;
}

/* MENU-CATEGORIAS-NOTICIAS: Categorías (cabecera) */
.wu-noticia-categories--header {
    --wu-ncat-accent: var(--color-principal, var(--bs-primary, currentColor));
    --wu-ncat-border: color-mix(in srgb, currentColor 14%, transparent);
    --wu-ncat-soft: color-mix(in srgb, var(--wu-ncat-accent) 10%, transparent);
    inline-size: 100%;
    margin: 0 0 clamp(.75rem, 2vw, 1.25rem);
    box-sizing: border-box;
}
.wu-noticia-categories--header .wu-noticia-categories__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1.25rem;
    padding: .85rem 1rem;
    border: 1px solid var(--wu-ncat-border);
    border-radius: .85rem;
    background:
        linear-gradient(90deg, var(--wu-ncat-soft), transparent 38%),
        var(--color-fondo, #fff);
}
.wu-noticia-categories--header .wu-noticia-categories__title {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: clamp(.85rem, 1.3vw, .98rem);
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}
.wu-noticia-categories__track {
    display: flex;
    flex: 1 1 14rem;
    flex-wrap: nowrap;
    align-items: center;
    gap: .35rem;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.wu-noticia-categories--header .wu-noticia-categories__item {
    flex: 0 0 auto;
    margin: 0;
}
.wu-noticia-categories__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2rem;
    padding: .3rem .75rem;
    border: 1px solid transparent;
    border-radius: 999px;
    text-decoration: none;
    font-size: .86rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.wu-noticia-categories__chip:hover,
.wu-noticia-categories--header .wu-noticia-categories__item.is-active .wu-noticia-categories__chip {
    border-color: color-mix(in srgb, var(--wu-ncat-accent) 35%, transparent);
    background: var(--wu-ncat-soft);
    transform: translateY(-1px);
}
.wu-noticia-categories--header .wu-noticia-categories__item.is-active .wu-noticia-categories__chip {
    font-weight: 650;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wu-ncat-accent) 45%, transparent);
}
.wu-noticia-categories__chip:focus-visible {
    outline: .16rem solid var(--wu-ncat-accent);
    outline-offset: .12rem;
}

/* MENU-CATEGORIAS-NOTICIAS: Índice (lateral) */
.wu-menu-noticias--indice {
    --wu-nmi-accent: var(--color-principal, var(--bs-primary, currentColor));
    --wu-nmi-border: color-mix(in srgb, currentColor 14%, transparent);
    --wu-nmi-muted: color-mix(in srgb, currentColor 45%, transparent);
    position: relative;
    inline-size: 100%;
    margin: 0;
    padding: 0 0 .15rem;
    box-sizing: border-box;
}
.wu-menu-noticias__title {
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    font-size: clamp(.92rem, 1.4vw, 1.05rem);
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}
.wu-menu-noticias__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: wu-menu-noticias;
    border-block-start: 1px solid var(--wu-nmi-border);
}
.wu-menu-noticias__item {
    position: relative;
    margin: 0;
    border-block-end: 1px solid var(--wu-nmi-border);
    counter-increment: wu-menu-noticias;
}
.wu-menu-noticias__item-title {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
    text-transform: none;
}
.wu-menu-noticias__link {
    position: relative;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: baseline;
    column-gap: .65rem;
    padding: .85rem 0 .85rem .1rem;
    text-decoration: none;
    font-size: .98rem;
    font-weight: 500;
    line-height: 1.35;
    transition: padding-inline-start .22s ease;
}
.wu-menu-noticias__link::before {
    content: counter(wu-menu-noticias, decimal-leading-zero);
    color: var(--wu-nmi-muted);
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: .04em;
    transition: color .2s ease;
}
.wu-menu-noticias__item.is-active .wu-menu-noticias__link,
.wu-menu-noticias__link:hover {
    padding-inline-start: .35rem;
}
.wu-menu-noticias__item.is-active .wu-menu-noticias__link::before,
.wu-menu-noticias__link:hover::before {
    color: var(--wu-nmi-accent);
}
.wu-menu-noticias__item.is-active .wu-menu-noticias__link {
    font-weight: 650;
}
.wu-menu-noticias__link:focus-visible {
    outline: .16rem solid var(--wu-nmi-accent);
    outline-offset: .12rem;
}

/* MENU-CATEGORIAS-NOTICIAS: Tags (lateral) — nube de etiquetas de color */
.wu-noticia-categories--tags {
    --wu-ntag-border: color-mix(in srgb, currentColor 12%, transparent);
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    margin-block: 0;
    margin-inline: auto;
    padding: .9rem 1rem .85rem;
    border: 1px solid var(--wu-ntag-border);
    border-radius: .85rem;
    background: var(--color-fondo, #fff);
    box-sizing: border-box;
}
.wu-noticia-categories--tags .wu-noticia-categories__title {
    margin: 0 0 .7rem;
    padding: 0 0 .55rem;
    border-block-end: 1px solid var(--wu-ntag-border);
    font-size: clamp(.95rem, 1.5vw, 1.1rem);
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}
.wu-noticia-categories__cloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .45rem .4rem;
    margin: 0;
    padding: 0;
}
.wu-noticia-categories--tags .wu-noticia-categories__item {
    margin: 0;
    flex: 0 0 auto;
}
.wu-noticia-categories__tag {
    --tag-bg: #e8f1f4;
    --tag-fg: #1f4a57;
    --tag-ring: #3d8ea3;
    display: inline-flex;
    align-items: center;
    min-block-size: 1.85rem;
    padding: .28rem .72rem;
    border: 1px solid color-mix(in srgb, var(--tag-ring) 35%, transparent);
    border-radius: 999px;
    background: var(--tag-bg);
    color: var(--tag-fg);
    text-decoration: none;
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .01em;
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
/* "Todas" neutro; el resto coincide con NoticiaCategoriaColorHelper (indice 0..5). */
.wu-noticia-categories__cloud > .wu-noticia-categories__item:first-child .wu-noticia-categories__tag {
    --tag-bg: #e8f1f4;
    --tag-fg: #1f4a57;
    --tag-ring: #3d8ea3;
}
.wu-noticia-categories__cloud > .wu-noticia-categories__item:nth-child(6n + 2) .wu-noticia-categories__tag {
    --tag-bg: #e7f3ee;
    --tag-fg: #1d5c45;
    --tag-ring: #2f9d6a;
}
.wu-noticia-categories__cloud > .wu-noticia-categories__item:nth-child(6n + 3) .wu-noticia-categories__tag {
    --tag-bg: #fff1e6;
    --tag-fg: #8a4b12;
    --tag-ring: #e0893a;
}
.wu-noticia-categories__cloud > .wu-noticia-categories__item:nth-child(6n + 4) .wu-noticia-categories__tag {
    --tag-bg: #eaf0fb;
    --tag-fg: #2a4578;
    --tag-ring: #4f7fd1;
}
.wu-noticia-categories__cloud > .wu-noticia-categories__item:nth-child(6n + 5) .wu-noticia-categories__tag {
    --tag-bg: #fdecef;
    --tag-fg: #8a2740;
    --tag-ring: #d45b75;
}
.wu-noticia-categories__cloud > .wu-noticia-categories__item:nth-child(6n + 6) .wu-noticia-categories__tag {
    --tag-bg: #f3eef8;
    --tag-fg: #5c3a7a;
    --tag-ring: #8f6bb5;
}
.wu-noticia-categories__cloud > .wu-noticia-categories__item:nth-child(6n + 7) .wu-noticia-categories__tag {
    --tag-bg: #eef6e8;
    --tag-fg: #3f5d22;
    --tag-ring: #6f9a3e;
}
.wu-noticia-categories__tag:hover {
    transform: translateY(-1px);
    filter: saturate(1.05);
    box-shadow: 0 .2rem .55rem color-mix(in srgb, var(--tag-ring) 28%, transparent);
    color: var(--tag-fg);
}
.wu-noticia-categories--tags .wu-noticia-categories__item.is-active .wu-noticia-categories__tag {
    box-shadow:
        inset 0 0 0 1px var(--tag-ring),
        0 .15rem .45rem color-mix(in srgb, var(--tag-ring) 25%, transparent);
    font-weight: 700;
}
.wu-noticia-categories__tag:focus-visible {
    outline: .16rem solid var(--tag-ring);
    outline-offset: .12rem;
}

