@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);
/* Pime Diari: estetica de diari digital (2026-11-02, v2). S'aplica per sobre de l'estil de cada pagina. */
:root{--pd-red:#d91f26;--pd-ink:#000;--pd-text:#222;--pd-mute:#666;--pd-line:#e2e2e2;
--pd-sans:Inter,Arial,sans-serif;--pd-gut:max(12px,calc((100% - 1216px)/2))}
body{background:#fff;color:var(--pd-text);font:16px/1.5 var(--pd-sans)}
.pd-w{max-width:1240px;padding-left:12px;padding-right:12px}
.pd-top{background:#f1f1f1;border:0;font:500 12px/1.4 var(--pd-sans);color:#333}
.pd-top .pd-w{padding-top:6px;padding-bottom:6px}
.pd-lang a{color:#555}
.pd-lang a[aria-current]{color:#000;border-bottom-color:var(--pd-red)}
.pd-mast{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:4px 24px;flex-wrap:wrap;background:#fff;color:#000;text-align:left;border:0;padding:16px 12px 12px}
.pd-mast a{display:block;color:#000;border-left:7px solid var(--pd-red);padding-left:12px}
.pd-name{font:800 clamp(30px,5vw,44px)/1 var(--pd-sans);letter-spacing:-.035em;color:#000}
.pd-tag{margin:0;font:400 14px/1.3 var(--pd-sans);text-transform:none;letter-spacing:0;color:#555}
.nx-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:0 22px;padding:0;margin:0 0 14px;background:#fff;border:0;border-top:1px solid #000;border-bottom:3px solid #000;scrollbar-width:none}
.nx-filters::-webkit-scrollbar{display:none}
.nx-filters button{flex:none;padding:9px 0 7px;font:600 14px/1.3 var(--pd-sans);text-transform:none;letter-spacing:0;color:#000;border-bottom:3px solid transparent}
.nx-filters button[aria-pressed=true]{color:var(--pd-red);border-bottom-color:var(--pd-red)}
main.nx{display:flex;flex-direction:column}
.nx-filters{order:-3}
.pd-art:first-of-type{order:-2}
.pd-ag{order:-1}
.pd-art,.pd-art:first-of-type{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--pd-line);align-items:start}
.pd-art[hidden],main.nx>.pd-art[hidden]{display:none}
.pd-fig{background:#eee}
.pd-kick{margin:0 0 4px;font:400 12px/1.4 var(--pd-sans);text-transform:none;letter-spacing:0;color:var(--pd-mute)}
.pd-sec{font:600 11px/1.4 var(--pd-sans);text-transform:uppercase;letter-spacing:.02em;color:var(--pd-red)}
.pd-h{font:700 20px/1.18 var(--pd-sans);letter-spacing:-.02em;margin:0 0 6px;color:var(--pd-ink)}
.pd-art:first-of-type .pd-h{font-size:clamp(25px,3.2vw,34px);line-height:1.08;letter-spacing:-.025em}
.pd-r{font:400 15px/1.45 var(--pd-sans);margin:0 0 8px;color:var(--pd-text)}
.pd-pt{font:400 14px/1.45 var(--pd-sans);margin:0 0 8px;padding:0 0 0 10px;background:none;border-left:3px solid var(--pd-red);color:var(--pd-text)}
.pd-k{font:400 13px/1.4 var(--pd-sans);margin:0 0 4px;color:var(--pd-text)}
.pd-src{font:400 12px/1.4 var(--pd-sans);margin:0;color:var(--pd-mute)}
.pd-ag{background:#fff;border:0;border-top:3px solid var(--pd-red);padding:8px 0 0;margin:0 0 14px;font-family:var(--pd-sans)}
.pd-ag h2{font:700 18px/1.2 var(--pd-sans);letter-spacing:-.02em;text-transform:none;color:var(--pd-ink);margin:0 0 4px}
.pd-ag ul{list-style:none;margin:0;padding:0}
.pd-ag li{padding:7px 0;margin:0;border-bottom:1px solid var(--pd-line);font:400 14px/1.35 var(--pd-sans);break-inside:avoid}
.pd-ag li:last-child{border-bottom:0}
.pd-ag time{display:block;font:600 11px/1.5 var(--pd-sans);text-transform:uppercase;color:var(--pd-red)}
.pd-ag a{text-decoration:none;color:var(--pd-ink)}
.pd-ag a:hover{text-decoration:underline}
.pd-nav2{font:600 14px/1.4 var(--pd-sans);text-align:right;margin:0 0 16px}
.pd-h1{font:700 clamp(26px,4vw,34px)/1.1 var(--pd-sans);letter-spacing:-.025em;color:var(--pd-ink);margin:16px 0 6px}
.pd-lead{font:400 15px/1.45 var(--pd-sans);color:var(--pd-mute)}
.pd-foot{max-width:none;margin:0;padding:14px var(--pd-gut);background:#000;border:0;font:400 13px/1.5 var(--pd-sans);color:#ddd;text-align:left}
.pd-foot a{color:#fff}
/* Tauleta: dues columnes, sense forats */
@media(min-width:640px){
main.nx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-items:start}
main.nx>*{grid-column:1/-1}
main.nx>.nx-filters{grid-row:1}
main.nx>.pd-art{grid-column:auto;align-self:stretch;align-content:start}
main.nx>.pd-art:first-of-type{grid-column:1/-1;grid-row:2}
main.nx>.pd-ag{grid-row:3}
.pd-ag ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 20px}
.pd-ag li:last-child{border-bottom:1px solid var(--pd-line)}
}
@media(min-width:640px) and (max-width:959px){
main.nx>.pd-art:nth-of-type(even):last-of-type{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
main.nx>.pd-art:nth-of-type(even):last-of-type .pd-fig{position:relative;aspect-ratio:auto;align-self:stretch;min-height:100%}
main.nx>.pd-art:nth-of-type(even):last-of-type .pd-fig img{position:absolute;inset:0}
}
/* Ordinador: destacat a dues bandes, agenda en franja i graella de tres */
@media(min-width:960px){
main.nx{grid-template-columns:repeat(3,minmax(0,1fr))}
main.nx>.pd-art:first-of-type{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:stretch}
main.nx>.pd-art:first-of-type .pd-fig{position:relative;aspect-ratio:auto;min-height:100%}
main.nx>.pd-art:first-of-type .pd-fig img{position:absolute;inset:0}
main.nx>.pd-art:nth-of-type(3n+2):last-of-type,main.nx>.pd-art:nth-of-type(3n):last-of-type{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
main.nx>.pd-art:nth-of-type(3n+2):last-of-type{grid-column:1/-1}
main.nx>.pd-art:nth-of-type(3n):last-of-type{grid-column:span 2}
main.nx>.pd-art:nth-of-type(3n+2):last-of-type .pd-fig,main.nx>.pd-art:nth-of-type(3n):last-of-type .pd-fig{position:relative;aspect-ratio:auto;align-self:stretch;min-height:100%}
main.nx>.pd-art:nth-of-type(3n+2):last-of-type .pd-fig img,main.nx>.pd-art:nth-of-type(3n):last-of-type .pd-fig img{position:absolute;inset:0}
}