/* ===================================================================
   EL RIU — Portada estilo diario
   Cabecera: sin tocar. Aquí: apertura a tres columnas con filetes,
   titulares en serif, "Lo más leído", secciones en cajas y listado.
   Todas las clases empiezan por np- para no chocar con pub.css.
   =================================================================== */
.np{--np-ink:#0b1424;--np-navy:#001f42;--np-blue:#1558c0;--np-grey:#5b6573;--np-rule:#d5d9df;--np-soft:#f4f6f9;
  --np-serif:Merriweather,Georgia,'Times New Roman',serif;--np-sans:Inter,Arial,sans-serif;
  color:var(--np-ink);padding-bottom:40px}
.np a{color:inherit;text-decoration:none}
.np a:hover h1,.np a:hover h2,.np a:hover h3,.np a:hover h4,.np h1 a:hover,.np h2 a:hover,.np h3 a:hover,.np h4 a:hover{color:var(--np-blue)}
.np img{display:block;width:100%;height:100%;object-fit:cover}
.np .ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#0b2a52,#1c4a82);color:rgba(255,255,255,.55);font:700 14px var(--np-sans);letter-spacing:.14em;text-transform:uppercase}

/* Banner superior: última hora / lo más destacado */
.np-alert{display:flex;align-items:center;gap:16px;margin:18px 0 26px;padding:14px 20px;background:linear-gradient(100deg,#001f42 0%,#0a3366 100%);color:#fff;border-bottom:3px solid #4b86d6}
.np-alert.is-breaking{border-bottom-color:var(--np-blue)}
.np-alert__tag{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font:800 11px/1 var(--np-sans);letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.14);color:#fff;padding:8px 12px}
.np-alert.is-breaking .np-alert__tag{background:var(--np-blue)}
.np-alert__tag i{width:8px;height:8px;border-radius:50%;background:#8db7f2}
.np-alert.is-breaking .np-alert__tag i{background:#fff;animation:npPulse 1.4s infinite}
.np-alert__title{flex:1 1 auto;min-width:0;font:700 18px/1.3 var(--np-serif);color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.np-alert:hover .np-alert__title{text-decoration:underline;text-underline-offset:3px}
.np-alert__time{flex:0 0 auto;font:600 12px var(--np-sans);color:rgba(255,255,255,.7);white-space:nowrap}
@keyframes npPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media(max-width:640px){
  .np-alert{flex-wrap:wrap;gap:8px 10px;margin:12px -14px 20px;padding:12px 14px}
  .np-alert__title{flex:1 1 100%;order:3;font-size:17px}
  .np-alert__time{margin-left:auto}
}

/* Piezas comunes */
.np-kicker{font:800 11px/1.2 var(--np-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--np-blue);margin:0 0 7px}
.np-by{font:500 12px/1.4 var(--np-sans);color:var(--np-grey);margin-top:9px}
.np-by a{color:inherit;font-weight:700}
.np h1,.np h2,.np h3,.np h4{font-family:var(--np-serif);font-weight:900;letter-spacing:-.01em;margin:0;color:var(--np-ink)}
.np-media{display:block;overflow:hidden;background:var(--np-soft)}
.np-media img{transition:transform .5s ease}
.np-media:hover img{transform:scale(1.03)}

/* Apertura: estilo portada de periódico */
.np-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr) minmax(0,1fr);gap:0;border-top:4px solid var(--np-navy);border-bottom:1px solid var(--np-ink);padding:22px 0 28px;margin-bottom:34px}
.np-col{padding:0 22px}
.np-col:first-child{padding-left:0;border-right:1px solid var(--np-rule)}
.np-col:last-child{padding-right:0;border-left:1px solid var(--np-rule)}
.np-side{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--np-rule)}
.np-side:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.np-side .np-media{aspect-ratio:3/2;margin-bottom:12px}
.np-side h2{font-size:20px;line-height:1.2}
.np-side p{font:400 14px/1.5 var(--np-serif);color:#3b4656;margin:8px 0 0}
.np-hero{padding:0 26px}
.np-hero .np-kicker{font-size:12px;margin-bottom:10px}
.np-hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.06;letter-spacing:-.025em}
.np-hero p{font:400 19px/1.5 var(--np-serif);color:#2c3646;margin:14px 0 18px}
.np-hero .np-media{aspect-ratio:3/2;margin:0 0 12px}
.np-hero .np-by{font-size:13px;margin-top:0;padding-top:10px;border-top:1px solid var(--np-rule)}

/* Coberturas especiales: se mantienen, solo aire */
.er-cov-home{margin:0 0 34px}

/* Destacadas en 4 columnas */
.np-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:3px solid var(--np-navy);padding-top:10px;margin:0 0 20px}
.np-head h2{font:900 13px/1 var(--np-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--np-navy)}
.np-head a{font:700 12px var(--np-sans);color:var(--np-grey)}
.np-head a:hover{color:var(--np-blue)}
.np-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 0;margin:0 -18px 38px}
.np-card{padding:0 18px;border-left:1px solid var(--np-rule)}
.np-card:nth-child(4n+1){border-left:0}
.np-card .np-media{aspect-ratio:3/2;margin-bottom:11px}
.np-card h3{font-size:17px;line-height:1.25}

/* Secciones en cajas */
.np-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px;margin-bottom:40px}
.np-sec{border-top:3px solid var(--np-navy);padding-top:10px}
.np-sec>h3{font:900 13px/1 var(--np-sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.np-sec>h3 a{color:var(--np-navy)}
.np-sec .np-media{aspect-ratio:16/9;margin-bottom:10px}
.np-sec article{padding:12px 0;border-bottom:1px solid var(--np-rule)}
.np-sec article:first-of-type{padding-top:0}
.np-sec article:last-child{border-bottom:0}
.np-sec h4{font-size:16px;line-height:1.28}
.np-sec .np-empty{font:400 14px var(--np-sans);color:var(--np-grey)}

/* Listado + columna lateral */
.np-lower{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:0}
.np-list{padding-right:30px;border-right:1px solid var(--np-rule)}
.np-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--np-rule)}
.np-row:first-of-type{padding-top:0}
.np-row .np-media{aspect-ratio:3/2}
.np-row h3{font-size:21px;line-height:1.2}
.np-row p{font:400 15px/1.5 var(--np-serif);color:#3b4656;margin:8px 0 0}
.np-rail{padding-left:30px}
.np-box{margin-bottom:30px}
.np-ranked{list-style:none;margin:0;padding:0;counter-reset:np}
.np-ranked li{counter-increment:np;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--np-rule)}
.np-ranked li:last-child{border-bottom:0}
.np-ranked li:before{content:counter(np);font:900 30px/1 var(--np-serif);color:var(--np-blue)}
.np-ranked a{font:700 15px/1.3 var(--np-serif)}
.np-ranked a:hover{color:var(--np-blue)}
.np-live a{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--np-rule);font:700 14px/1.3 var(--np-serif)}
.np-live a:last-child{border-bottom:0}
.np-live span{flex:0 0 9px;height:9px;margin-top:6px;border-radius:50%;background:var(--np-blue);box-shadow:0 0 0 4px rgba(21,88,192,.18)}
.np-services a{display:block;padding:9px 0;border-bottom:1px solid var(--np-rule);font:700 14px var(--np-sans)}
.np-services a:hover{color:var(--np-blue)}
.np-news{background:var(--np-navy);color:#fff;padding:22px 22px 24px}
.np-news h3{color:#fff;font-size:21px;line-height:1.2;margin-bottom:8px}
.np-news p{font:400 14px/1.5 var(--np-sans);color:rgba(255,255,255,.82);margin:0 0 16px}
.np-news a{display:inline-block;background:#fff;color:var(--np-navy);font:800 13px var(--np-sans);padding:11px 18px}
.np-news a:hover{background:var(--np-blue);color:#fff}
.np-empty-front{padding:60px 0;text-align:center}
.np-empty-front h1{font-size:32px;margin-bottom:10px}

@media(max-width:1000px){
  .np-lead{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .np-hero{grid-column:1/-1;order:-1;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--np-rule)}
  .np-col:first-child{padding-right:20px}
  .np-col:last-child{padding-left:20px}
  .np-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-card:nth-child(4n+1){border-left:1px solid var(--np-rule)}
  .np-card:nth-child(odd){border-left:0}
  .np-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-lower{grid-template-columns:1fr}
  .np-list{padding-right:0;border-right:0}
  .np-rail{padding-left:0;margin-top:34px}
}
@media(max-width:640px){
  .np-lead{grid-template-columns:1fr}
  .np-col,.np-col:first-child,.np-col:last-child{padding:0;border:0}
  .np-col+.np-col{margin-top:22px}
  .np-hero p{font-size:17px}
  .np-grid4{margin:0 0 30px}
  .np-grid4,.np-sections{grid-template-columns:1fr}
  .np-card,.np-card:nth-child(n){padding:0 0 18px;border:0;border-bottom:1px solid var(--np-rule)}
  .np-row{grid-template-columns:110px minmax(0,1fr);gap:14px}
  .np-row h3{font-size:17px}
  .np-row p{display:none}
}

/* Al Corrent */
.np-express{background:var(--np-navy);color:#fff;padding:20px 22px 22px;border-top:3px solid var(--np-blue)}
.np-express__top{display:flex;justify-content:space-between;align-items:baseline}
.np-express__top strong{font:900 20px var(--np-serif)}
.np-express__top em{font-style:italic;font-weight:400}
.np-express__top span{font:700 12px var(--np-sans);color:rgba(255,255,255,.7)}
.np-express p{font:400 13px var(--np-sans);color:rgba(255,255,255,.75);margin:4px 0 12px}
.np-express ol{margin:0;padding:0;list-style:none;counter-reset:ex}
.np-express li{counter-increment:ex;display:grid;grid-template-columns:22px 1fr;gap:6px;padding:9px 0;border-top:1px solid rgba(255,255,255,.18)}
.np-express li:before{content:counter(ex);font:900 15px var(--np-serif);color:#8db7f2}
.np-express li a{font:700 14px/1.3 var(--np-serif);color:#fff}
.np-express li a:hover{text-decoration:underline}
.np-express__all{display:inline-block;margin-top:10px;font:800 12px var(--np-sans);color:#fff;border-bottom:1px solid #8db7f2}
/* Al Corrent — formato tarjetas, pensado primero para móvil */
.np-ex{max-width:700px;margin:0 auto;padding-top:0}
.np-ex__bar{position:fixed;left:0;top:0;height:3px;width:0;background:#4b86d6;z-index:60;transition:width .1s linear}
.np-ex__head{background:radial-gradient(120% 140% at 0% 0%,#0f4a9c 0%,#001f42 62%);color:#fff;border-radius:0 0 26px 26px;padding:30px 24px 22px;margin:0 -14px 18px}
@media(min-width:760px){.np-ex__head{border-radius:22px;margin:22px 0 22px;padding:34px 32px 26px}}
.np-ex__head .np-kicker{color:#9cc2f5;margin-bottom:10px}
.np-ex__head h1{font-size:clamp(40px,11vw,60px);line-height:1;color:#fff;letter-spacing:-.03em}
.np-ex__head h1 em{font-weight:400;color:#9cc2f5}
.np-ex__head p{font:400 17px/1.45 var(--np-serif);color:rgba(255,255,255,.88);margin:10px 0 16px}
.np-ex__stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.np-ex__stats span{font:700 12px var(--np-sans);background:rgba(255,255,255,.14);padding:7px 12px;border-radius:99px;color:#fff}
.np-ex__tabs{display:flex;gap:8px;overflow-x:auto}
.np-ex__tabs a{flex:0 0 auto;font:800 13px var(--np-sans);padding:9px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.4);color:#fff}
.np-ex__tabs a.on{background:#fff;color:var(--np-navy);border-color:#fff}
.np-ex__date{font:600 13px var(--np-sans);color:rgba(255,255,255,.7);margin:0 0 12px}
.np-ex__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cx{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px rgba(0,31,66,.08),0 8px 24px rgba(0,31,66,.08);border:1px solid #e6ebf2}
.cx__img{position:relative;display:block;aspect-ratio:16/10;background:var(--np-soft)}
.cx__img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,31,66,0) 55%,rgba(0,31,66,.55))}
.cx__n{position:absolute;left:14px;top:14px;z-index:2;min-width:34px;height:34px;padding:0 10px;border-radius:99px;background:var(--np-blue);color:#fff;font:900 16px/34px var(--np-sans);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cx__sec{position:absolute;left:14px;bottom:12px;z-index:2;font:800 11px var(--np-sans);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.cx__top{display:flex;align-items:center;gap:10px;padding:16px 18px 0}
.cx__top .cx__n{position:static;box-shadow:none}
.cx__top .cx__sec{position:static;color:var(--np-blue)}
.np .cx__img .cx__sec,.np .cx__img .cx__n{color:#fff}
.cx__b{padding:16px 18px 18px}
.cx__b h2{font:900 22px/1.18 var(--np-serif);letter-spacing:-.01em;margin:0 0 10px}
.cx__b p{font:400 16px/1.6 var(--np-serif);color:#2c3646;margin:0}
.cx__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--np-rule)}
.cx__t{font:600 12px var(--np-sans);color:var(--np-grey)}
.np .cx__btn{font:800 13px var(--np-sans);color:#fff;background:var(--np-navy);padding:10px 16px;border-radius:99px}
.np .cx__btn:hover{background:var(--np-blue)}
@media(max-width:640px){.cx__b h2{font-size:21px}.cx__b p{font-size:15.5px}}
.np-ex__arch{max-width:700px;margin:34px auto 0;border-top:3px solid var(--np-navy);padding-top:12px}
.np-ex__arch h2{font:900 13px var(--np-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--np-navy);margin-bottom:8px}
.np-ex__arch ul{list-style:none;margin:0;padding:0;columns:2;column-gap:30px}
.np-ex__arch li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--np-rule)}
.np-ex__arch a{font:600 14px var(--np-sans);color:#2a3547}
.np-ex__arch a:hover{color:var(--np-blue)}
@media(max-width:640px){.np-ex__arch ul{columns:1}}

/* Promo Al Corrent (portada y artículos, solo con edición reciente) */
.ex-pr{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:0 0 24px;padding:14px 20px;border-radius:14px;background:radial-gradient(120% 220% at 0% 0%,#1558c0 0%,#001f42 70%);color:#fff;text-decoration:none;font-family:Inter,system-ui,sans-serif}
.ex-pr__k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9dc2ff}
.ex-pr__t{font-family:Merriweather,Georgia,serif;font-size:22px;font-weight:900;line-height:1}
.ex-pr__t em{font-style:italic;font-weight:400;color:#a9c8ff}
.ex-pr__d{font-size:14px;color:#dbe6f7;flex:1 1 200px}
.ex-pr__b{font-size:13px;font-weight:700;background:#fff;color:#001f42;border-radius:99px;padding:8px 16px}
.ex-pr:hover .ex-pr__b{background:#a9c8ff}
.ex-pr-wrap{max-width:1100px;margin:32px auto 0;padding:0 16px}
@media(max-width:700px){.ex-pr{padding:14px 16px;margin-bottom:18px}.ex-pr__b{margin-left:auto}}
.ex-pr .ex-pr__t,.np .ex-pr .ex-pr__t{color:#fff}
.ex-pr .ex-pr__d,.np .ex-pr .ex-pr__d{color:#dbe6f7}
.ex-pr .ex-pr__k,.np .ex-pr .ex-pr__k{color:#9dc2ff}
.ex-pr .ex-pr__b,.np .ex-pr .ex-pr__b{color:#001f42}
.ex-pr .ex-pr__t em{color:#a9c8ff}