.noticias-page,
.noticia-detail {
    --news-ink: #17252a;
    --news-muted: #66767c;
    --news-accent: #086675;
    --news-soft: #eef6f5;
    --news-border: #dce7e6;
}

.noticias-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--news-border);
}

.noticias-heading h1,
.noticia-detail__header h1 {
    color: var(--news-ink);
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: .25rem 0 0;
}

.noticias-heading h1 { font-size: clamp(2.2rem, 5vw, 3.5rem); }
.noticias-eyebrow,
.news-panel__eyebrow {
    color: var(--news-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.noticias-search { min-width: min(100%, 22rem); }
.noticias-search form { margin: 0; }

.noticias-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}
.noticia-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--news-border);
    border-radius: 1.1rem;
    box-shadow: 0 12px 32px rgba(18, 52, 58, .07);
    transition: transform .2s ease, box-shadow .2s ease;
}
.noticia-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(18, 52, 58, .12); }
.noticia-card .card-img-top {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--news-border);
}
.noticia-card__body { display: flex; flex-direction: column; align-items: flex-start; padding: 1.4rem; }
.noticia-meta { display: flex; flex-wrap: wrap; gap: .65rem 1rem; color: var(--news-muted); font-size: .78rem; }
.noticia-category {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: var(--category-color, var(--news-accent));
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.noticia-category::before { content: ''; width: .45rem; height: .45rem; margin-right: .45rem; border-radius: 50%; background: currentColor; }
.noticia-kicker { margin: .75rem 0 .15rem; color: var(--news-accent); font-size: .83rem; font-weight: 650; }
.noticia-card h2 { margin: .6rem 0 .8rem; font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.18; }
.noticia-card h2 a { color: var(--news-ink); text-decoration: none; }
.noticia-card h2 a:hover { color: var(--news-accent); }
.noticia-summary { color: #4b5b60; line-height: 1.62; }
.noticia-summary p { margin-bottom: 0; }
.noticia-read-more { margin-top: auto; padding-top: 1rem; color: var(--news-accent); font-weight: 750; text-decoration: none; }
.noticia-read-more i { margin-left: .35rem; transition: transform .2s ease; }
.noticia-read-more:hover i { transform: translateX(4px); }

.noticias-aside { position: sticky; top: 7.5rem; }
.news-panel { overflow: hidden; margin-bottom: 1.25rem; background: #fff; border: 1px solid var(--news-border); border-radius: 1.1rem; box-shadow: 0 12px 32px rgba(18,52,58,.07); }
.news-panel__header { display: flex; align-items: center; gap: .8rem; padding: 1.15rem 1.2rem; background: linear-gradient(135deg, var(--news-soft), #fff); border-bottom: 1px solid var(--news-border); }
.news-panel__header h2 { margin: .1rem 0 0; color: var(--news-ink); font-size: 1.22rem; }
.news-panel__icon { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; color: #fff; background: var(--news-accent); border-radius: .7rem; }
.news-ranking { margin: 0; padding: .35rem 1.15rem; list-style: none; }
.news-ranking li { display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; padding: 1rem 0; border-bottom: 1px solid #edf1f1; }
.news-ranking li:last-child { border-bottom: 0; }
.news-ranking__number { color: #9aacad; font-size: .85rem; font-weight: 800; }
.news-ranking a, .related-news a { color: var(--news-ink); font-weight: 680; line-height: 1.32; text-decoration: none; }
.news-ranking a:hover, .related-news a:hover { color: var(--news-accent); }
.news-ranking time { display: block; margin-top: .35rem; color: var(--news-muted); font-size: .72rem; }
.related-news { display: grid; padding: .4rem 1.15rem; }
.related-news a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #edf1f1; }
.related-news a:last-child { border-bottom: 0; }
.related-news i { color: var(--news-accent); }

.noticia-detail { padding-top: 1rem; }
.noticia-detail__header { max-width: 980px; margin-bottom: 2rem; }
.noticia-detail__header h1 { max-width: 900px; margin-top: .65rem; font-size: clamp(2rem, 5vw, 3.65rem); }
.noticia-detail__kicker { margin: .8rem 0 0; color: var(--news-muted); font-size: 1rem; }
.noticia-detail__meta { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1rem; color: var(--news-muted); }
.noticia-detail__meta a { color: var(--news-accent); font-weight: 700; text-decoration: none; }
.noticia-detail__content { color: #35464b; font-size: 1.04rem; line-height: 1.78; }
.noticia-detail__lead { margin-bottom: 1.35rem; color: var(--news-ink); font-size: clamp(1.12rem, 2vw, 1.35rem); font-weight: 520; line-height: 1.55; }
.noticia-detail__media { margin-bottom: 1.6rem; overflow: hidden; border-radius: 1.1rem; }
.noticia-detail__media img { display: block; width: 100%; height: auto; }
.noticia-detail__text img { max-width: 100%; height: auto; }
.noticia-detail__text p { margin-bottom: 1.2rem; }
.noticias-empty { padding: 5rem 1.5rem; text-align: center; background: var(--news-soft); border-radius: 1rem; }
.noticias-empty i { color: var(--news-accent); font-size: 2.5rem; }
.noticias-empty h2 { margin-top: 1rem; }

@media (max-width: 991.98px) {
    .noticias-heading { align-items: stretch; flex-direction: column; gap: 1rem; }
    .noticias-search { width: 100%; }
    .noticias-aside { position: static; }
}
@media (max-width: 767.98px) {
    .noticias-list { grid-template-columns: 1fr; }
    .noticia-card__body { padding: 1.15rem; }
    .noticia-detail__header h1 { font-size: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .noticia-card, .noticia-read-more i { transition: none; }
}
