/* Estils propis de la web, afegits al prototip. Variables i components: veure prototip.css. */

/* Enllaç "Salta al contingut" (accessibilitat amb teclat) */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--primary);color:var(--white);padding:10px 18px;border-radius:25px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

/* Element actiu del menú */
nav.main a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.d-main a[aria-current="page"]{opacity:.75}

/* Portada: la foto de fons del bloc de captació viu a assets/img/home/ */
.join{background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url("../img/home/ajuntament-1.jpg") center/cover no-repeat}
.check a{color:var(--primary);text-underline-offset:2px}
.credits{padding-top:14px}

/* ── Pàgines interiors ── */
.page-head{padding-block:56px 24px}
.page-head h1{font-size:clamp(28px,2.6vw + 8px,44px);font-weight:800;color:var(--primary);line-height:1.15;letter-spacing:-.02em}
.page-head .crumbs{font-size:12.64px;color:var(--pod-gray);margin-bottom:12px}
.page-head .crumbs a{text-decoration:none}
.page-head .crumbs a:hover{text-decoration:underline}
.page-head .lede{font-size:clamp(18px,1vw + 12px,22px);color:var(--gray);margin-top:16px;max-width:60ch}
.entry{padding-bottom:72px;max-width:820px}
.entry>*+*{margin-top:1em}
.entry h2{font-size:clamp(22px,1.6vw + 8px,30px);font-weight:700;color:var(--primary);line-height:1.2;margin-top:1.6em}
.entry h3{font-size:20px;font-weight:700;margin-top:1.4em}
.entry a{color:var(--primary);text-underline-offset:3px}
.entry a.btn{color:var(--white);text-decoration:none}
.entry ul,.entry ol{padding-left:1.2em}
.entry img{max-width:100%;height:auto}
.entry .placeholder{background:var(--gray-lightest);border-left:4px solid var(--primary);padding:16px 20px;font-size:16px}

/* Notícia */
.post-img{margin:0 0 32px;max-width:1000px}
.post-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-img figcaption{font-size:12.64px;color:var(--pod-gray);margin-top:8px}

/* Arxius (Actualitat, Articles d'opinió): mateixes targetes que la portada, en graella */
.news-grid.archive{row-gap:48px;padding-bottom:48px}
@media (max-width:760px){
  .news-grid.archive{grid-auto-flow:row;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding-inline:0}
}
.pager{display:flex;justify-content:space-between;gap:12px;padding-bottom:72px}

/* Llistats dins de pàgines: mocions (reutilitza .mocions de la portada), recull de premsa i consellers */
.entry .mocions{padding-left:0;list-style:none}
.entry .mocions li a{text-decoration:none}
.entry .btn+.btn{margin-left:8px}
.years{display:flex;flex-wrap:wrap;gap:8px}
.years a{border:1px solid var(--primary);border-radius:25px;padding:4px 16px;font-size:14px;font-weight:600;text-decoration:none}
.years a:hover{background:var(--primary);color:var(--white)}
.entry h2 small{font-size:14px;font-weight:400;color:var(--pod-gray)}
.premsa{list-style:none;padding-left:0!important;border-top:1px solid var(--gray-lighter)}
.premsa li{display:grid;grid-template-columns:96px 150px 1fr;gap:4px 16px;padding:12px 4px;border-bottom:1px solid var(--gray-lighter);font-size:15px;line-height:1.35}
.premsa time{color:var(--pod-gray);font-size:13px;padding-top:2px}
.premsa .mitja{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;padding-top:2px}
.premsa a{color:var(--text)!important;text-decoration:none}
.premsa a:hover{text-decoration:underline}
@media (max-width:640px){.premsa li{grid-template-columns:auto 1fr}.premsa a{grid-column:1/-1}}
/* Precs i preguntes */
.ple-sessio{margin-top:32px}
.ple-sessio h3{color:var(--primary)}
.ple-sessio h3 small,.docs{font-size:14px;font-weight:400;color:var(--pod-gray)}
.precs{list-style:none;padding-left:0!important;border-top:1px solid var(--gray-lighter)}
.precs .prec{margin:0;padding:18px 4px;border-bottom:1px solid var(--gray-lighter)}
.prec-head{display:flex;gap:12px;align-items:center;margin:0 0 6px!important}
.prec-head .tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:#f1e8f3;padding:4px 8px;border-radius:4px}
.prec-head .m{font-size:12.64px;color:var(--pod-gray)}
.prec h4{font-size:18px;line-height:1.3;font-weight:700;margin:0}
.prec h4+p{margin-top:6px;font-size:16px;color:var(--gray)}
.prec details{margin-top:6px;font-size:15px}
.prec summary{cursor:pointer;color:var(--primary);font-weight:600}
.font{font-size:14px;color:var(--pod-gray);margin-top:40px}
.subpages{list-style:none;padding-left:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.subpages li{margin:0}
.subpages a{display:grid;gap:6px;height:100%;padding:20px 22px;background:var(--gray-lightest);border-left:4px solid var(--primary);text-decoration:none;color:var(--text)!important}
.subpages a:hover{background:#f1e8f3}
.subpages b{color:var(--primary);font-size:18px}
.subpages span{font-size:15px;color:var(--gray)}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px}
.people .person p{margin:0}