/* ---------- NOTICIAS ---------- */
.news-hero{border-radius:var(--r-card);overflow:hidden;position:relative;color:#fff;min-height:260px;display:flex;align-items:flex-end;background:var(--navy-g1) center/cover no-repeat;box-shadow:var(--shadow-card);width:100%;text-align:left}
.news-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,30,73,.05) 20%,rgba(11,30,73,.95))}
.news-hero .tx{position:relative;z-index:1;padding:18px}
.news-hero h2{font-size:1.35rem;margin-top:8px}
.news-hero p{font-size:.85rem;opacity:.85;margin-top:6px}
.news-list{display:flex;flex-direction:column;gap:12px}
.nw{display:grid;grid-template-columns:96px 1fr;gap:12px;background:#fff;border-radius:var(--r-tile);box-shadow:var(--shadow-white);overflow:hidden;text-align:left;width:100%}
.nw .im{background:var(--bg-card);min-height:96px}
.nw .im img{display:block;width:100%;height:100%;object-fit:cover}
.nw .im svg{width:32px;height:32px;opacity:.9}
.nw .im.c2{background:linear-gradient(135deg,#2189c9,#4981d6)}
.nw .im.c3{background:linear-gradient(135deg,#011b46,#1c3170)}
.nw .im.c4{background:linear-gradient(135deg,#BA374A,#c8102e)}
.nw .tx{padding:12px 12px 12px 0;display:flex;flex-direction:column;gap:3px;min-width:0}
.nw .tx b{color:var(--navy);font-size:.92rem;line-height:1.3}
.nw .tx small{color:var(--muted);font-size:.75rem}
.nw .tx .cat{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--p2143)}
.article{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-white);padding:22px;max-width:720px;margin:0 auto}
.article .by{font-size:.8rem;color:var(--muted);margin-bottom:16px}
.article .lead{font-size:1.02rem;color:var(--navy);font-weight:600;margin-bottom:12px}
.article p+p{margin-top:12px}
.article .src{display:inline-flex;align-items:center;min-height:40px;margin-top:12px;font-size:.85rem;font-weight:700;color:var(--p2143);text-decoration:underline;text-underline-offset:3px}
.article .rel{margin-top:18px;padding-top:14px;border-top:1px solid var(--gray-lightest);display:flex;gap:10px;flex-wrap:wrap}

/* ---------- Rediseño (spec 18) ---------- */
/* Nota destacada dentro de la zona oscura */
.nw-zone .news-hero{min-height:250px;border:1px solid rgba(126,222,241,.22);box-shadow:0 16px 40px rgba(4,11,31,.55)}
.news-hero::after{background:linear-gradient(180deg,rgba(4,11,31,0) 25%,rgba(4,11,31,.94))}
.news-hero h2{font-family:var(--tech);font-size:1.5rem;line-height:1.1;letter-spacing:.01em}
.news-hero p{color:var(--on-dark-2);opacity:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw .tx b{font-family:var(--tech);font-size:1.02rem;line-height:1.2;letter-spacing:.01em}
/* Detalle: la foto de la nota detrás del header, con el título encima */
.zone-dark.nd-hero{min-height:calc(var(--main-pt) + 300px);display:flex;flex-direction:column;justify-content:flex-end;gap:24px;background-size:cover;background-position:center;background-color:var(--abyss);padding-bottom:30px}
.zone-dark.nd-hero::before,.zone-dark.nd-hero::after{display:none}
.nd-tx h1{font-family:var(--tech);font-size:1.75rem;line-height:1.08;letter-spacing:.01em;margin-top:10px;color:var(--white);text-shadow:0 2px 16px rgba(4,11,31,.6)}
.nd-hero .back{text-shadow:0 1px 8px rgba(4,11,31,.7)}
.nd-hero + .article{margin-top:16px}
.article .by{margin-bottom:10px}