/* ==========================================================================
   Plantilla 06 · Salut i benestar — «Equilibri Fisioteràpia» (demostració) · v2
   Arquetip: REVISTA CLÍNICA. Capçalera amb logotip centrat i navegació
   partida, tipografia sans lleugera d'alt contrast, línies fines, angles
   quasi rectes, fotografia gran i blocs alternats. Sobri i de confiança.
   ========================================================================== */

:root {
  --paper: #f5f2ed;
  --blanc: #ffffff;
  --grafit: #1e2529;
  --grafit-2: #2a3338;
  --pedra: #dcd6cb;
  --boira: #e9eeee;
  --coure: #96552f;
  --gris: #566066;
  --linia: rgba(30, 37, 41, .16);

  --font-titol: "Urbanist", "Segoe UI", system-ui, sans-serif;
  --font-text: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ample: 1240px;
  --vora: clamp(20px, 4.5vw, 56px);
  --seccio: clamp(80px, 10vw, 148px);
  --alt-cap: 84px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--alt-cap) + 12px); -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 400 18px/1.62 var(--font-text); color: var(--grafit); background: var(--paper); }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--coure); outline-offset: 3px; }
h1, h2, h3, h4 { font-family: var(--font-titol); font-weight: 300; line-height: 1.06; margin: 0; letter-spacing: -.028em; }
h1 b, h2 b, h3 b { font-weight: 600; }
p { margin: 0; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.salta { position: absolute; left: 12px; top: -80px; z-index: 600; background: var(--coure); color: #fff; padding: 10px 16px; font-weight: 600; }
.salta:focus { top: 12px; }
.contenidor { width: min(100% - 2 * var(--vora), var(--ample)); margin-inline: auto; }
.etiqueta { font: 600 12.5px/1.3 var(--font-text); letter-spacing: .2em; text-transform: uppercase; color: var(--coure); }
.numero { font: 500 13px var(--font-titol); letter-spacing: .12em; color: var(--coure); }

.boto { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 28px; border: 1px solid var(--grafit); background: var(--grafit); color: #fff; font: 600 14px/1 var(--font-text); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .25s, color .25s, border-color .25s; }
.boto svg { width: 18px; height: 18px; transition: transform .25s; }
.boto:hover { background: var(--coure); border-color: var(--coure); }
.boto:hover svg { transform: translateX(4px); }
.boto--buit { background: transparent; color: var(--grafit); }
.boto--buit:hover { background: var(--grafit); border-color: var(--grafit); color: #fff; }
.boto--clar { background: #fff; border-color: #fff; color: var(--grafit); }
.boto--clar:hover { background: var(--pedra); border-color: var(--pedra); color: var(--grafit); }
.enllac { display: inline-flex; align-items: center; gap: 10px; font: 600 13.5px/1 var(--font-text); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; padding: 8px 0; border-bottom: 1px solid currentColor; color: var(--grafit); }
.enllac svg { width: 16px; height: 16px; transition: transform .25s; }
.enllac:hover { color: var(--coure); }
.enllac:hover svg { transform: translateX(4px); }

/* ---------- Barra d'utilitats + capçalera ---------- */
.utilitats { background: var(--grafit); color: #cfd6d9; font-size: 13.5px; }
.utilitats__interior { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 28px; padding: 8px 0; }
.utilitats span, .utilitats a { white-space: nowrap; }
.utilitats a { color: #fff; text-decoration: none; }
.utilitats__esq { display: flex; flex-wrap: wrap; gap: 4px 28px; }
.utilitats__dre a { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.cap { position: sticky; top: 0; z-index: 400; background: rgba(245, 242, 237, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linia); }
.cap__interior { height: var(--alt-cap); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.menu { display: flex; align-items: center; gap: clamp(20px, 2.6vw, 40px); }
.menu--esq { justify-content: flex-start; }
.menu--dre { justify-content: flex-end; }
.menu a:not(.boto) { text-decoration: none; font: 600 13.5px/1 var(--font-text); letter-spacing: .14em; text-transform: uppercase; padding: 10px 0; position: relative; }
.menu a:not(.boto)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: var(--coure); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.menu a:not(.boto):hover::after, .menu a.actiu::after { transform: scaleX(1); }
.menu .boto { min-height: 46px; padding: 0 22px; font-size: 12.5px; }
.marca { text-decoration: none; text-align: center; line-height: 1; }
.marca b { display: block; font: 600 30px var(--font-titol); letter-spacing: -.03em; }
.marca small { display: block; margin-top: 6px; font: 600 10.5px var(--font-text); letter-spacing: .34em; text-transform: uppercase; color: var(--coure); }
.obre-menu { display: none; }

/* ---------- Portada ---------- */
.portada { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: min(84vh, 820px); }
.portada__text { padding: clamp(48px, 7vw, 104px) clamp(24px, 5vw, 80px) clamp(48px, 6vw, 88px) max(var(--vora), calc((100vw - var(--ample)) / 2)); display: grid; align-content: center; gap: 28px; }
.portada h1 { font-size: clamp(44px, 5.6vw, 88px); font-weight: 300; letter-spacing: -.035em; line-height: 1; max-width: 12ch; }
.portada h1 b { font-weight: 600; color: var(--coure); display: block; }
.portada__entradeta { font-size: clamp(18px, 1.5vw, 20px); color: var(--gris); max-width: 36em; }
.portada__accions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; }
.portada__foto { position: relative; background: var(--pedra); overflow: hidden; }
.portada__foto > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.92); }
.portada__nota { position: absolute; left: 0; bottom: 0; background: var(--paper); padding: 20px 28px 22px; display: grid; gap: 4px; max-width: 300px; }
.portada__nota b { font: 600 20px var(--font-titol); letter-spacing: -.02em; }
.portada__nota span { font-size: 15.5px; color: var(--gris); line-height: 1.4; }

.compromisos { border-block: 1px solid var(--linia); background: var(--blanc); }
.compromisos ul { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: min(100% - 2 * var(--vora), var(--ample)); }
.compromisos li { padding: 26px 24px 26px 0; display: grid; gap: 4px; }
.compromisos li + li { padding-left: 24px; border-left: 1px solid var(--linia); }
.compromisos b { font: 600 19px var(--font-titol); letter-spacing: -.015em; }
.compromisos span { font-size: 15.5px; color: var(--gris); line-height: 1.4; }

/* ---------- Seccions ---------- */
.seccio { padding-block: var(--seccio); }
.seccio--blanca { background: var(--blanc); }
.titol { font-size: clamp(36px, 4.4vw, 64px); font-weight: 300; letter-spacing: -.032em; line-height: 1.04; }
.titol b { font-weight: 600; }
.entradeta { color: var(--gris); max-width: 44ch; font-size: 19px; }
.cap-seccio { display: grid; gap: 18px; margin-bottom: clamp(36px, 5vw, 64px); }

/* Àrees de treball (índex) */
.arees { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.arees__intro { position: sticky; top: calc(var(--alt-cap) + 32px); display: grid; gap: 22px; }
.arees__foto { margin-top: 8px; }
.arees__foto img { width: 100%; aspect-ratio: 4 / 4.4; object-fit: cover; filter: saturate(.92); }
.arees__foto figcaption, .fig { font-size: 13px; color: var(--gris); margin-top: 10px; letter-spacing: .04em; }
.llista-arees { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--grafit); }
.area { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 4px 12px; padding: 26px 0; border-bottom: 1px solid var(--linia); }
.area .numero { padding-top: 8px; }
.area h3 { font-size: clamp(26px, 2.6vw, 36px); font-weight: 400; }
.area p { grid-column: 2; color: var(--gris); font-size: 17px; max-width: 54ch; }
.area p b { color: var(--grafit); font-weight: 600; }
.avis-salut { margin-top: 22px; font-size: 14px; color: var(--gris); max-width: 62ch; }

/* Tractaments (blocs alternats) */
.bloc { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.bloc + .bloc { margin-top: clamp(56px, 8vw, 120px); }
.bloc--invers .bloc__foto { order: 2; }
.bloc__foto img { width: 100%; aspect-ratio: 4 / 3.6; object-fit: cover; filter: saturate(.92); }
.bloc__text { display: grid; gap: 22px; align-content: center; }
.bloc__text h3 { font-size: clamp(34px, 3.8vw, 56px); }
.bloc__text > p { color: var(--gris); max-width: 46ch; }
.dades { margin: 6px 0 0; border-top: 1px solid var(--grafit); }
.dades > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 4px 20px; padding: 14px 0; border-bottom: 1px solid var(--linia); }
.dades dt { font: 600 12.5px/1.6 var(--font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--gris); }
.dades dd { margin: 0; font-size: 17px; }
.bloc__peu { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.preu-des { font: 300 20px var(--font-titol); letter-spacing: -.01em; color: var(--gris); }
.preu-des b { font-weight: 600; font-size: 32px; color: var(--grafit); margin: 0 4px; }

.tarifes { margin-top: clamp(64px, 9vw, 128px); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 6vw, 96px); align-items: start; }
.tarifes h3 { font-size: clamp(34px, 3.8vw, 54px); }
.tarifes__intro { display: grid; gap: 16px; }
.tarifes__intro p { color: var(--gris); }
.taula { width: 100%; border-collapse: collapse; }
.taula caption { text-align: left; }
.taula thead th { text-align: left; font: 600 12.5px var(--font-text); letter-spacing: .16em; text-transform: uppercase; color: var(--gris); padding: 0 0 12px; border-bottom: 1px solid var(--grafit); }
.taula th:last-child, .taula td:last-child { text-align: right; }
.taula tbody th, .taula td { padding: 20px 0; border-bottom: 1px solid var(--linia); vertical-align: baseline; font-weight: 400; text-align: left; }
.taula tbody th b { display: block; font: 500 22px var(--font-titol); letter-spacing: -.015em; }
.taula tbody th span { display: block; font-size: 15.5px; color: var(--gris); margin-top: 2px; }
.taula td { color: var(--gris); font-size: 15.5px; white-space: nowrap; padding-left: 20px; }
.taula td.preu { font: 600 26px var(--font-titol); color: var(--grafit); text-align: right; letter-spacing: -.02em; }
.nota { font-size: 14px; color: var(--gris); margin-top: 18px; }

/* Equip */
.equip { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.equip__foto img { width: 100%; aspect-ratio: 4 / 4.8; object-fit: cover; filter: saturate(.92); }
.equip__text { display: grid; gap: 24px; }
.equip__text > p { color: var(--gris); max-width: 50ch; }
.professionals { list-style: none; margin: 6px 0 0; padding: 0; border-top: 1px solid var(--grafit); }
.professionals li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 20px; padding: 20px 0; border-bottom: 1px solid var(--linia); align-items: baseline; }
.professionals b { font: 500 24px var(--font-titol); letter-spacing: -.02em; }
.professionals span { color: var(--gris); font-size: 16px; grid-column: 1; }
.professionals i { font-style: normal; font-size: 14px; color: var(--coure); font-weight: 600; grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.centre { margin-top: clamp(56px, 7vw, 96px); display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 16px; align-items: end; }
.centre img { width: 100%; object-fit: cover; filter: saturate(.92); }
.centre figure { margin: 0; }
.centre figure:nth-child(1) img { aspect-ratio: 4 / 3.2; }
.centre figure:nth-child(2) img { aspect-ratio: 3 / 3.6; }
.centre figure:nth-child(3) img { aspect-ratio: 3 / 3.6; }

/* Primera visita */
.visita { background: var(--grafit); color: #fff; }
.visita .etiqueta { color: #e0a986; }
.visita .entradeta { color: #b7c1c6; }
.visita__graella { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.pasos { list-style: none; margin: 0; padding: 0; counter-reset: pas; border-top: 1px solid rgba(255, 255, 255, .28); }
.pas { counter-increment: pas; display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 4px 18px; padding: 24px 0; border-bottom: 1px solid rgba(255, 255, 255, .18); align-items: baseline; }
.pas::before { content: "0" counter(pas); font: 500 14px var(--font-titol); letter-spacing: .12em; color: #e0a986; padding-top: 6px; }
.pas b { font: 400 clamp(24px, 2.4vw, 32px) var(--font-titol); letter-spacing: -.02em; }
.pas small { font: 600 12.5px var(--font-text); letter-spacing: .14em; text-transform: uppercase; color: #b7c1c6; }
.pas span { grid-column: 2 / -1; color: #b7c1c6; font-size: 16.5px; max-width: 52ch; }
.visita__foto { position: sticky; top: calc(var(--alt-cap) + 28px); }
.visita__foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: saturate(.9); }
.visita__foto figcaption { color: #b7c1c6; font-size: 13px; margin-top: 10px; }
.faq { margin-top: clamp(56px, 7vw, 104px); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 6vw, 96px); align-items: start; }
.faq h3 { font-size: clamp(32px, 3.6vw, 52px); }
.preguntes { border-top: 1px solid rgba(255, 255, 255, .28); }
.preguntes details { border-bottom: 1px solid rgba(255, 255, 255, .18); padding: 20px 0; }
.preguntes summary { cursor: pointer; font: 400 clamp(20px, 1.9vw, 24px) var(--font-titol); letter-spacing: -.015em; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.preguntes summary::-webkit-details-marker { display: none; }
.preguntes summary::after { content: ""; width: 14px; height: 14px; background: linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat; flex-shrink: 0; transition: transform .25s; }
.preguntes details[open] summary::after { transform: rotate(45deg); }
.preguntes p { margin-top: 12px; color: #b7c1c6; max-width: 62ch; }

/* Cita */
.cita { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.cita__info { display: grid; gap: 30px; position: sticky; top: calc(var(--alt-cap) + 28px); }
.dada { display: grid; gap: 6px; padding-top: 18px; border-top: 1px solid var(--grafit); }
.dada h4 { font: 600 12.5px var(--font-text); letter-spacing: .18em; text-transform: uppercase; color: var(--coure); }
.dada address { font-style: normal; font-size: 19px; }
.dada .tel { font: 300 40px var(--font-titol); letter-spacing: -.03em; text-decoration: none; line-height: 1.1; }
.horari { width: 100%; border-collapse: collapse; font-size: 16.5px; }
.horari th, .horari td { text-align: left; font-weight: 400; padding: 7px 0; border-bottom: 1px solid var(--linia); }
.horari td { text-align: right; font-weight: 600; }
.urgencia { font-size: 15px; color: var(--gris); border-left: 3px solid var(--coure); padding: 4px 0 4px 16px; }
.formulari { background: var(--blanc); border: 1px solid var(--linia); padding: clamp(28px, 4vw, 56px); display: grid; gap: 28px; }
.formulari h3 { font-size: clamp(32px, 3.4vw, 48px); }
.camps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.camp { display: grid; gap: 8px; }
.camp--ample { grid-column: 1 / -1; }
.camp label { font: 600 12.5px var(--font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--gris); }
.camp input, .camp select, .camp textarea { width: 100%; min-height: 52px; padding: 12px 0; border: 0; border-bottom: 1px solid #8a959b; border-radius: 0; background: transparent; font: 400 18px var(--font-text); color: var(--grafit); }
.camp textarea { min-height: 104px; resize: vertical; border: 1px solid #8a959b; padding: 12px 14px; }
.camp input:focus, .camp select:focus, .camp textarea:focus { outline: none; border-color: var(--coure); box-shadow: 0 1px 0 0 var(--coure); }
.camp textarea:focus { box-shadow: 0 0 0 1px var(--coure); }
.consentiment { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--gris); }
.consentiment input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--coure); flex-shrink: 0; }
.consentiment a { color: var(--grafit); }
.formulari .boto { justify-self: start; }
.missatge-ok { background: var(--boira); border-left: 3px solid var(--coure); padding: 12px 16px; font-size: 15px; }
[hidden] { display: none !important; }

/* ---------- Peu ---------- */
.peu { background: var(--grafit); color: #b7c1c6; padding: clamp(56px, 7vw, 96px) 0 28px; font-size: 15.5px; }
.peu__graella { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.peu__marca b { display: block; font: 600 32px var(--font-titol); color: #fff; letter-spacing: -.03em; line-height: 1; }
.peu__marca small { display: block; margin: 8px 0 18px; font: 600 10.5px var(--font-text); letter-spacing: .34em; text-transform: uppercase; color: #e0a986; }
.peu h2 { font: 600 12px var(--font-text); letter-spacing: .18em; text-transform: uppercase; color: #fff; margin-bottom: 14px; }
.peu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.peu a { color: #d9e0e3; display: inline-block; padding-block: 2px; }
.peu__final { padding-top: 22px; font-size: 13.5px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; }

/* ---------- Pàgines legals ---------- */
.legal-cap { background: var(--boira); padding: clamp(48px, 7vw, 104px) 0; border-bottom: 1px solid var(--linia); }
.legal-cap h1 { font-size: clamp(40px, 5.4vw, 80px); margin-top: 16px; }
.legal { padding: clamp(40px, 6vw, 88px) 0; background: var(--blanc); }
.legal__interior { width: min(100% - 2 * var(--vora), 760px); margin-inline: auto; }
.legal h2 { font-size: 32px; font-weight: 400; margin: 40px 0 12px; }
.legal p, .legal li { margin-bottom: 12px; }
.legal ul { padding-left: 22px; }
.legal a { color: var(--coure); }
.avis-plantilla { background: var(--paper); border-left: 3px solid var(--coure); padding: 14px 18px; font-size: 16px; }
.legal table { width: 100%; border-collapse: collapse; font-size: 16px; margin-bottom: 12px; }
.legal th, .legal td { text-align: left; padding: 10px 12px; border: 1px solid var(--linia); vertical-align: top; }
.legal th { background: var(--paper); }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .cap__interior { grid-template-columns: auto 1fr; }
  .marca { order: 0; text-align: left; }
  .menu--esq, .menu--dre { display: none; }
  .obre-menu { display: inline-flex; justify-self: end; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px; border: 1px solid var(--grafit); background: transparent; font: 600 12.5px var(--font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--grafit); cursor: pointer; }
  .js .menu-mobil { position: fixed; z-index: 390; inset: 0; background: var(--paper); padding: calc(var(--alt-cap) + 56px) var(--vora) 40px; display: grid; align-content: start; gap: 6px; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; overflow-y: auto; }
  .js .menu-mobil.obert { opacity: 1; visibility: visible; }
  .menu-mobil a:not(.boto) { font: 300 36px var(--font-titol); letter-spacing: -.03em; text-decoration: none; padding: 12px 0; border-bottom: 1px solid var(--linia); }
  .menu-mobil .boto { margin-top: 22px; }
  html:not(.js) .menu-mobil { display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 0 0 14px; }
  html:not(.js) .menu-mobil a:not(.boto) { font: 600 13px var(--font-text); letter-spacing: .1em; text-transform: uppercase; border: 0; padding: 4px 0; }
  html:not(.js) .obre-menu { display: none; }
  .cap__interior { height: auto; min-height: var(--alt-cap); padding-block: 14px; }
}
@media (min-width: 1101px) { .menu-mobil { display: none; } }
@media (max-width: 1023px) {
  .portada { grid-template-columns: 1fr; min-height: 0; }
  .portada__text { padding: 48px var(--vora); }
  .portada__foto { aspect-ratio: 4 / 3.2; }
  .compromisos ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compromisos li:nth-child(3) { padding-left: 0; border-left: 0; }
  .compromisos li:nth-child(n+3) { border-top: 1px solid var(--linia); }
  .arees, .bloc, .tarifes, .equip, .visita__graella, .faq, .cita { grid-template-columns: 1fr; }
  .arees__intro, .visita__foto, .cita__info { position: static; }
  .bloc--invers .bloc__foto { order: 0; }
  .visita__foto { max-width: 520px; }
  .centre { grid-template-columns: 1fr 1fr; }
  .centre figure:nth-child(1) { grid-column: 1 / -1; }
  .peu__graella { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  body { font-size: 17px; }
  .utilitats__dre { display: none; }
  .compromisos ul { grid-template-columns: 1fr; }
  .compromisos li, .compromisos li + li { padding: 18px 0; border-left: 0; }
  .compromisos li + li { border-top: 1px solid var(--linia); }
  .area { grid-template-columns: 40px minmax(0, 1fr); }
  .dades > div { grid-template-columns: 1fr; }
  .pas { grid-template-columns: 44px minmax(0, 1fr); }
  .pas small { grid-column: 2; }
  .pas span { grid-column: 2; }
  .camps { grid-template-columns: 1fr; }
  .taula td { padding-left: 12px; }
  .taula td:not(.preu) { display: none; }
  .taula thead th:nth-child(2) { display: none; }
  .peu__graella { grid-template-columns: 1fr; }
  .portada__accions .boto { flex: 1 1 100%; }
  .portada__nota { position: static; max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .boto, .boto svg, .enllac svg, .menu a::after, .preguntes summary::after { transition: none; }
}