.ndlc{--navy:#0a3161;--gold:#de9d52;--steel:#517fa4;--panel:#ffffff;--ink:#12263a;--sub:#55687a;--line:#eef1f5;--shadow:0 6px 20px rgba(10,49,97,.08);width:100%;background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}
.ndlc *{box-sizing:border-box}
.ndlc a{text-decoration:none;color:inherit;display:block}
.ndlc-header{background-color:var(--navy);padding:15px 18px;display:flex;align-items:center;position:relative;overflow:hidden}
.ndlc-logo{color:var(--gold);margin-right:12px;display:flex;flex-shrink:0;z-index:2}
.ndlc-logo svg{width:46px;height:auto}.ndlc-logo svg path{fill:var(--gold)}
.ndlc-titles{display:flex;flex-direction:column;z-index:2}
.ndlc-title{font-family:Georgia,serif;font-size:20px;font-weight:bold;color:#fff;margin:0 0 2px;line-height:1.15}
.ndlc-sub{font-size:11.5px;color:#cdd9e6}
.ndlc-wm{position:absolute;right:6px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;line-height:0}
.ndlc-wm svg{width:150px;height:auto;opacity:.10}.ndlc-wm svg path{fill:#fff}
.ndlc-cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--gold);font-weight:800}
.ndlc-empty{color:var(--sub);font-size:13px;text-align:center;margin:20px 0}
.ndlc-body{padding:16px}
.ndlc-hero{position:relative;border-radius:11px;overflow:hidden;min-height:320px}
.ndlc-hero-img{position:absolute;inset:0;background-color:#0a3161;background-size:cover;background-position:center;transition:transform .5s ease}
.ndlc-hero:hover .ndlc-hero-img{transform:scale(1.05)}
.ndlc-hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,20,38,.93),rgba(6,20,38,.05) 62%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.ndlc-hero-title{color:#fff;font-weight:bold;font-size:20px;margin:6px 0 12px;line-height:1.24;max-width:82%}
.ndlc-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ndlc-mc{background:rgba(8,22,40,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:9px 10px;transition:background .2s ease,transform .2s ease}
.ndlc-mc:hover{background:rgba(8,22,40,.6);transform:translateY(-2px)}
.ndlc-mc-title{color:#fff;font-size:12.5px;margin:4px 0 0;line-height:1.3;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}
@media (min-width:601px){.ndlc-header{padding:18px 22px}.ndlc-title{font-size:22px}.ndlc-hero{min-height:360px}.ndlc-hero-title{font-size:22px}}
@media (min-width:1025px){.ndlc-header{padding:20px 24px}.ndlc-logo svg{width:54px}.ndlc-title{font-size:24px}.ndlc-sub{font-size:12.5px}.ndlc-hero{min-height:420px}.ndlc-hero-title{font-size:25px}.ndlc-mc-title{font-size:13.5px}}
@media (max-width:600px){.ndlc-hero{min-height:0}.ndlc-hero-img{transition:none}.ndlc-hero-ov{position:relative;inset:auto;background:linear-gradient(to bottom,rgba(6,20,38,.5),rgba(6,20,38,.86) 45%,rgba(6,20,38,.92));justify-content:flex-start;padding:110px 14px 16px}.ndlc-hero-title{max-width:100%;font-size:19px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.ndlc-mini{grid-template-columns:1fr;gap:8px}}
/* === MODO OSCURO DUAL — homologado con los demas widgets === */
html body.jnews-dark-mode .ndlc{--panel:#06223f;--ink:#ffffff;--sub:#cdd9e6;--line:rgba(255,255,255,.10);--shadow:0 6px 20px rgba(0,0,0,.35)}
@media (max-width:1024px) and (prefers-color-scheme:dark){.ndlc{--panel:#06223f;--ink:#ffffff;--sub:#cdd9e6;--line:rgba(255,255,255,.10);--shadow:0 6px 20px rgba(0,0,0,.35)}}