:root { --nit: #0F1B2D; --paper: #F4F6F9; --or: #C9A35E; --or-fosc: #8C6A2E; --pissarra: #5A6475; --boira: #B7C0CD; --filet: #DCE1E8; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--nit); font: 16.5px/1.7 "Manrope", system-ui, sans-serif; }
a { color: var(--or-fosc); }
header { background: var(--nit); color: #fff; }
header .cont { display: flex; justify-content: space-between; align-items: center; height: 72px; }
header a { color: #fff; text-decoration: none; font: 400 24px "Newsreader", Georgia, serif; }
header a.tornar { font: 600 14px "Manrope", sans-serif; color: var(--boira); }
.cont { width: min(760px, 100% - 32px); margin-inline: auto; }
main { padding: 64px 0 96px; }
h1, h2 { font-family: "Newsreader", Georgia, serif; font-weight: 400; letter-spacing: -.01em; }
h1 { font-size: clamp(36px, 6vw, 52px); line-height: 1.1; margin: 0 0 12px; }
h2 { font-size: 26px; margin: 44px 0 8px; }
p, li { color: #2B3646; }
.actualitzat { color: var(--pissarra); font-size: 14px; }
.avis { background: #FFF6E3; border-left: 3px solid var(--or); padding: 14px 18px; border-radius: 8px; font-size: 14.5px; margin: 24px 0; }
.pend { border-bottom: 1.5px dashed var(--or); }
table { width: 100%; border-collapse: collapse; font-size: 15px; margin-top: 12px; }
td, th { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--filet); vertical-align: top; }
th { color: var(--pissarra); font-weight: 600; }
.gracies { text-align: center; padding-top: 40px; }
.gracies .marca { width: 72px; height: 72px; border-radius: 50%; background: var(--nit); display: grid; place-items: center; margin: 0 auto 24px; }
.gracies .marca svg { width: 34px; height: 34px; stroke: var(--or); }
.gracies ol { text-align: left; max-width: 520px; margin: 32px auto; }
.btn { display: inline-block; background: var(--nit); color: #fff; text-decoration: none; font-weight: 600; padding: 15px 24px; border-radius: 999px; margin: 6px; }
.btn.or { background: var(--or); color: var(--nit); }
footer { background: var(--nit); color: var(--boira); font-size: 14px; padding: 24px 0; }
footer .cont { display: flex; flex-wrap: wrap; gap: 8px 20px; }
footer a { color: var(--boira); text-decoration: none; }

header a.marca { display: flex; }
header a.marca img { display: block; height: 36px; width: auto; }