/* =====================================================================
   EL RIU — Al Corrent (formato historias, primero móvil)
   Colores y tipos de El Riu: azul #001f42, Merriweather + Inter.
   ===================================================================== */
:root{--ac-navy:#001f42;--ac-navy2:#0a3366;--ac-blue:#0b3f7a;--ac-sky:#9cc2f5;--ac-ink:#0b1424;--ac-grey:#5b6573;--ac-rule:#d5d9df;
  --ac-serif:Merriweather,Georgia,'Times New Roman',serif;--ac-sans:Inter,Arial,sans-serif}

/* ---------- Tira de Al Corrent en portada ----------
   Ordenador: fila limpia estilo El País (foto, número, titular negro).
   Móvil: tarjetas verticales tipo historia (foto a sangre, titular blanco). */
.ac-strip{margin:0 0 30px;border-top:1px solid #000;padding-top:12px}
.ac-strip__hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.ac-strip .ac-strip__brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}
.ac-strip .ac-strip__brand b{font:900 22px/1 var(--ac-serif);letter-spacing:-.01em;color:#000;white-space:nowrap}
.ac-strip .ac-strip__brand b em{font-style:italic;font-weight:400;color:var(--ac-navy)}
.ac-strip .ac-strip__brand span{font:600 12px/1.3 var(--ac-sans);color:var(--ac-grey)}
.ac-strip .ac-strip__all{font:800 12px var(--ac-sans);color:#000;text-decoration:none;white-space:nowrap}
.ac-strip .ac-strip__all:hover{text-decoration:underline}
.ac-strip__row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*20px)/6);gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.ac-strip__row::-webkit-scrollbar{display:none}
.ac-strip .ac-st{position:relative;display:block;text-decoration:none;color:#000}
.ac-strip .ac-st--cover{display:none}
.ac-strip .ac-st__img{display:block;aspect-ratio:3/2;overflow:hidden;background:#e9edf2;margin-bottom:10px}
.ac-strip .ac-st.no-img .ac-st__img{background:linear-gradient(135deg,#0a3366,#001f42)}
.ac-strip .ac-st__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.ac-strip .ac-st:hover .ac-st__img img{transform:scale(1.04)}
.ac-strip .ac-st__n{position:absolute;top:8px;left:8px;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:#fff;color:#000;font:900 12px/24px var(--ac-sans);text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.ac-strip .ac-st__k{display:block;font:800 10.5px/1.2 var(--ac-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ac-navy);margin-bottom:5px}
.ac-strip .ac-st__t{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font:700 15px/1.28 var(--ac-serif);color:#000}
.ac-strip .ac-st:hover .ac-st__t{text-decoration:underline;text-underline-offset:3px}

@media(max-width:699px){
  .ac-strip{margin:0 0 24px}
  .ac-strip__hd{align-items:flex-start}
  .ac-strip .ac-strip__brand{flex-direction:column;gap:4px}
  .ac-strip__row{grid-auto-columns:122px;gap:10px;scroll-snap-type:x mandatory;margin:0 -14px;padding:2px 14px 6px}
  .ac-strip .ac-st{aspect-ratio:9/15;border-radius:12px;overflow:hidden;background:#001f42;scroll-snap-align:start;color:#fff}
  .ac-strip .ac-st__img{position:absolute;inset:0;aspect-ratio:auto;margin:0}
  .ac-strip .ac-st:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,10,25,.9) 100%)}
  .ac-strip .ac-st__n{top:7px;left:7px;z-index:2}
  .ac-strip .ac-st__k{display:none}
  .ac-strip .ac-st__t{position:absolute;left:9px;right:9px;bottom:9px;z-index:2;color:#fff;font-size:13px;-webkit-line-clamp:5;text-shadow:0 1px 3px rgba(0,0,0,.5)}
  .ac-strip .ac-st--cover{display:flex;flex-direction:column;justify-content:flex-end;padding:11px;background:radial-gradient(130% 120% at 0% 0%,#0a3366 0%,#001f42 70%)}
  .ac-strip .ac-st--cover:after{display:none}
  .ac-strip .ac-st--cover b{font:900 23px/1 var(--ac-serif);color:#fff}
  .ac-strip .ac-st--cover b em{display:block;font-style:italic;font-weight:400;color:var(--ac-sky)}
  .ac-strip .ac-st--cover small{font:700 11px/1.3 var(--ac-sans);color:#dbe6f7;margin-top:8px}
}

/* Aviso compacto dentro de los artículos */
.ac-mini{display:flex;align-items:center;gap:14px;max-width:1100px;margin:30px auto 0;padding:14px 16px;border-top:3px solid var(--ac-navy);border-bottom:1px solid var(--ac-rule);text-decoration:none;color:var(--ac-ink)}
.ac-mini__faces{display:flex;flex:0 0 auto}
.ac-mini__faces span{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 2px var(--ac-blue);margin-left:-10px;background:var(--ac-navy)}
.ac-mini__faces span:first-child{margin-left:0}
.ac-mini__faces img{width:100%;height:100%;object-fit:cover;display:block}
.ac-mini__txt{flex:1 1 auto;min-width:0}
.ac-mini__txt b{display:block;font:900 18px/1.1 var(--ac-serif);color:var(--ac-navy)}
.ac-mini__txt b em{font-style:italic;font-weight:400;color:var(--ac-blue)}
.ac-mini__txt span{font:500 13px/1.4 var(--ac-sans);color:var(--ac-grey)}
.ac-mini__go{flex:0 0 auto;font:800 12px var(--ac-sans);color:#fff;background:var(--ac-navy);padding:10px 14px;border-radius:99px}
.ac-mini:hover .ac-mini__go{background:var(--ac-blue)}

/* ---------- Página /al-corrent ---------- */
.ac-page{max-width:1100px;margin:0 auto;padding-bottom:40px;color:var(--ac-ink)}
.ac-cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;border-top:4px solid var(--ac-navy);border-bottom:1px solid var(--ac-ink);margin:22px 0 30px}
.ac-cover__txt{padding:26px 30px 26px 0;border-right:1px solid var(--ac-rule)}
.ac-cover__k{font:800 11px/1 var(--ac-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-blue);margin-bottom:12px}
.ac-cover h1{font:900 clamp(44px,6vw,72px)/.95 var(--ac-serif);letter-spacing:-.03em;color:var(--ac-navy);margin:0}
.ac-cover h1 em{font-style:italic;font-weight:400;color:var(--ac-blue)}
.ac-cover__lead{font:400 19px/1.5 var(--ac-serif);color:#2c3646;margin:14px 0 18px}
.ac-cover__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:600 13px var(--ac-sans);color:var(--ac-grey)}
.ac-cover__meta b{color:var(--ac-ink)}
.ac-tabs{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.ac-tabs a{font:800 13px var(--ac-sans);padding:8px 14px;border:1px solid var(--ac-navy);color:var(--ac-navy);text-decoration:none}
.ac-tabs a.on{background:var(--ac-navy);color:#fff}
.ac-play{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font:800 14px var(--ac-sans);background:var(--ac-navy);color:#fff;border:0;padding:13px 20px;cursor:pointer}
.ac-play:hover{background:var(--ac-blue)}
.ac-play svg{width:16px;height:16px}
.ac-cover__img{position:relative;padding:26px 0 26px 30px}
.ac-cover__img div{position:relative;height:100%;min-height:280px;overflow:hidden;background:var(--ac-navy)}
.ac-cover__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.ac-list{list-style:none;margin:0;padding:0;counter-reset:ac}
.ac-it{counter-increment:ac;display:grid;grid-template-columns:64px minmax(0,1fr) 300px;gap:0 26px;padding:24px 0;border-bottom:1px solid var(--ac-rule)}
.ac-it:first-child{padding-top:0}
.ac-it:before{content:counter(ac,decimal-leading-zero);font:900 40px/1 var(--ac-serif);color:var(--ac-navy);letter-spacing:-.04em}
.ac-it__k{font:800 11px/1.2 var(--ac-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-blue);margin-bottom:8px}
.ac-it h2{font:900 24px/1.18 var(--ac-serif);letter-spacing:-.01em;margin:0 0 10px}
.ac-it h2 a{color:var(--ac-ink);text-decoration:none}
.ac-it h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.ac-it p{font:400 17px/1.6 var(--ac-serif);color:#2c3646;margin:0}
.ac-it__f{margin-top:12px;font:600 12px var(--ac-sans);color:var(--ac-grey)}
.ac-it__f a{color:var(--ac-navy);font-weight:800;text-decoration:none;margin-left:12px}
.ac-it__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--ac-navy)}
.ac-it__img img{width:100%;height:100%;object-fit:cover;display:block}
.ac-arch{margin-top:36px;border-top:3px solid var(--ac-navy);padding-top:12px}
.ac-arch h2{font:900 13px var(--ac-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-navy);margin:0 0 8px}
.ac-arch ul{list-style:none;margin:0;padding:0;columns:3;column-gap:30px}
.ac-arch li{break-inside:avoid;padding:7px 0;border-bottom:1px solid var(--ac-rule)}
.ac-arch a{font:600 14px var(--ac-sans);color:#2a3547;text-decoration:none}
.ac-arch a:hover{color:var(--ac-blue)}
.ac-empty{font:400 17px var(--ac-serif);color:var(--ac-grey);padding:30px 0}

@media(max-width:900px){
  .ac-cover{grid-template-columns:1fr}
  .ac-cover__txt{padding:22px 0;border-right:0}
  .ac-cover__img{display:none}
  /* Móvil: foto a todo el ancho arriba, número y texto debajo */
  .ac-it{grid-template-columns:38px minmax(0,1fr);gap:0 10px;padding:20px 0}
  .ac-it:before{grid-column:1;grid-row:2;font-size:24px;padding-top:2px}
  .ac-it__img{grid-column:1 / -1;grid-row:1;margin-bottom:14px}
  .ac-it>div{grid-column:2;grid-row:2;min-width:0}
  .ac-it h2{font-size:20px}
  .ac-it p{font-size:16px}
  .ac-arch ul{columns:1}
}

/* ---------- Formato historias (como Instagram) ----------
   Se pasan hacia los lados; deslizar hacia arriba abre la noticia.
   Funciona sin JavaScript (scroll horizontal con imán y toques como enlaces). */
.ac-feed{display:none;position:fixed;inset:0;z-index:2147483600;background:#000}
.ac-feed.is-forced{display:block}
@media(max-width:699px){.ac-feed{display:block}}
html:has(.ac-feed.is-forced),body:has(.ac-feed.is-forced){overflow:hidden}
@media(max-width:699px){html:has(.ac-feed),body:has(.ac-feed){overflow:hidden}}
body:has(.ac-feed) .dde-pwa-dock,body:has(.ac-feed) .dde-pwa-section-sheet,body:has(.ac-feed) .dde-install-prompt{display:none!important}
.ac-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}
.ac-track::-webkit-scrollbar{display:none}
@media(min-width:700px){.ac-track{left:50%;right:auto;top:2vh;bottom:2vh;width:min(54vh,520px);transform:translateX(-50%);border-radius:14px}}
.ac-feed__x{position:absolute;top:max(14px,env(safe-area-inset-top));right:12px;z-index:5;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.35);color:#fff}
@media(min-width:700px){.ac-feed__x{top:22px;right:26px;background:rgba(255,255,255,.12)}}
.ac-feed__x svg{width:22px;height:22px}
.ac-feed__arrow{display:none}
@media(min-width:700px){
  .ac-feed__arrow{display:grid;place-items:center;position:absolute;top:50%;z-index:5;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:#fff;color:#000;box-shadow:0 4px 18px rgba(0,0,0,.4)}
  .ac-feed__arrow:hover{background:#dfe6f0}
  .ac-feed__arrow svg{width:24px;height:24px}
  .ac-feed__arrow--prev{left:calc(50% - min(27vh,260px) - 80px)}
  .ac-feed__arrow--next{right:calc(50% - min(27vh,260px) - 80px)}
}
.ac-sl{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;background:radial-gradient(120% 90% at 0% 0%,#0a3366 0%,#001f42 70%);color:#fff}
.ac-sl__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ac-sl:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,15,35,.6) 0%,rgba(0,15,35,0) 20%,rgba(0,15,35,.1) 40%,rgba(0,15,35,.88) 66%,#00142e 100%);pointer-events:none;z-index:1}
.ac-sl--end:after{display:none}
.ac-sl__top{position:absolute;top:0;left:0;right:0;z-index:3;padding:max(12px,env(safe-area-inset-top)) 64px 0 14px;pointer-events:none}
@media(min-width:700px){.ac-sl__top{padding-right:14px}}
.ac-sl__bars{display:flex;gap:4px;margin-bottom:12px}
.ac-sl__bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35)}
.ac-sl__bars i.on{background:#fff}
.ac-sl__brand{display:flex;align-items:baseline;gap:10px}
.ac-sl__brand b{font:900 18px/1 var(--ac-serif);color:#fff}
.ac-sl__brand b em{font-style:italic;font-weight:400;color:var(--ac-sky)}
.ac-sl__brand span{font:600 12px var(--ac-sans);color:rgba(255,255,255,.85)}
.ac-sl__tap{position:absolute;top:80px;bottom:45%;z-index:2;display:block}
.ac-sl__tap--prev{left:0;width:30%}.ac-sl__tap--next{right:0;width:70%}
.ac-sl__body{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 22px max(22px,env(safe-area-inset-bottom))}
.ac-sl--end .ac-sl__body{top:0;display:flex;flex-direction:column;justify-content:center}
.ac-sl__num{font:900 13px var(--ac-sans);letter-spacing:.1em;color:var(--ac-sky);margin-bottom:8px}
.ac-sl__k{display:inline-block;font:800 11px/1 var(--ac-sans);letter-spacing:.12em;text-transform:uppercase;background:#fff;color:var(--ac-navy);padding:6px 8px;margin-bottom:12px}
.ac-sl__h{font:900 clamp(24px,6.6vw,30px)/1.14 var(--ac-serif);letter-spacing:-.01em;margin:0 0 12px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
@media(min-width:700px){.ac-sl__h{font-size:clamp(22px,2.9vh,30px)}}
.ac-sl--end .ac-sl__h{font-size:36px}
.ac-sl__h em{font-style:italic;font-weight:400;color:var(--ac-sky)}
.ac-sl__p{font:400 16.5px/1.55 var(--ac-serif);color:rgba(255,255,255,.93);margin:0 0 16px}
/* «Desliza hacia arriba» (móvil) / botón «Leer la noticia» (ordenador) */
.ac-sl__up{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#fff;font:800 13px var(--ac-sans);padding:8px 0 4px}
.ac-sl__up svg{width:26px;height:26px;animation:acUp 1.6s ease-in-out infinite}
.ac-sl__up-d{display:none}
@keyframes acUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:700px){
  .ac-sl__up{flex-direction:row;display:inline-flex;gap:8px;background:#fff;color:var(--ac-navy);padding:12px 18px}
  .ac-sl__up:hover{background:var(--ac-sky)}
  .ac-sl__up svg{display:none}
  .ac-sl__up-m{display:none}.ac-sl__up-d{display:inline}
  .ac-sl__up-d:after{content:" →"}
}
.ac-sl__btn{display:block;text-align:center;font:800 14px var(--ac-sans);padding:13px;margin-bottom:10px;text-decoration:none;background:#fff;color:var(--ac-navy);border:1px solid #fff;position:relative;z-index:3}
.ac-sl__btn--ghost{background:transparent;color:#fff}
@media (prefers-reduced-motion:reduce){.ac-sl__up svg{animation:none}.ac-track{scroll-behavior:auto}}