/* ==========================================================================
   WebMasterOsona V4 — pàgines d'àmbit (Catalunya i Espanya)
   El cim de les 240 landings. La secció que mana visualment no és el hero:
   és la caixa de resum i la llista de com es tria, que són les dues coses
   que una màquina pot citar.
   ========================================================================== */

/* ── Capçalera ─────────────────────────────────────────────────────────── */
.am-top{padding-top:clamp(96px,12vh,140px);padding-bottom:var(--sec-y);text-align:center;
  background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.am-top h1{font-size:clamp(2.4rem,5.6vw,4.3rem);letter-spacing:-.032em;line-height:1.04;
  max-width:15ch;margin-inline:auto}
.am-top h1 em{font-style:italic;color:var(--gold-ink)}

/* Cada línia del titular, un bloc: és el que fa que la partició sigui la que
   hem decidit i no la que decideixi l'amplada. L'overflow amaga la línia
   mentre puja. */
.am-top h1 .l{display:block;overflow:hidden;padding-bottom:.12em}
.am-top h1 .l>span{display:block}
.am-top__lead{margin:clamp(18px,2.2vw,28px) auto 0;max-width:62ch;font-size:var(--t-lead);
  color:var(--ink-2);line-height:1.7;text-wrap:pretty}
.am-top__lead strong{color:var(--ink)}

/* ── Com es tria ───────────────────────────────────────────────────────── */
.am-triar{padding-block:var(--sec-y)}
.am-triar__l{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(24px,2.8vw,40px);margin:clamp(32px,3.8vw,50px) 0 0;padding:0;
  max-width:1000px;margin-inline:auto}
.am-triar__l li{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;
  padding-top:1.2rem;border-top:2px solid var(--line)}
.am-triar__n{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;
  color:var(--gold-ink);margin-top:.35rem}
.am-triar__l h3{font-size:1.1rem;margin:0 0 .5rem;letter-spacing:-.015em}
.am-triar__l p{margin:0;font-size:.95rem;color:var(--ink-2);line-height:1.7}

/* ── I nosaltres què ───────────────────────────────────────────────────── */
.am-nos{padding-block:var(--sec-y)}
.am-nos__in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,3.6vw,56px);
  align-items:start;margin-top:clamp(30px,3.6vw,46px)}
.am-nos__si{list-style:none;margin:0;padding:0}
.am-nos__si li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;
  padding:.95rem 0;border-bottom:1px solid var(--line);color:var(--ink);line-height:1.6}
.am-nos__si li:last-child{border-bottom:0}
.am-nos__si .i{width:1.15em;height:1.15em;color:var(--gold-ink);margin-top:.15em;flex:0 0 auto}
/* Els límits van en una caixa a part i amb tinta més fluixa: han de ser
   fàcils de trobar i no han de competir amb el que sí que fem. */
.am-nos__no{padding:clamp(22px,2.2vw,30px);background:var(--paper-2);
  border:1px solid var(--line);border-radius:var(--r-md)}
.am-nos__no h3{font-size:1rem;margin:0 0 1rem;letter-spacing:-.01em;color:var(--ink)}
.am-nos__no ul{list-style:none;margin:0;padding:0}
.am-nos__no li{position:relative;padding-left:1.2em;margin-bottom:.9rem;
  font-size:.93rem;color:var(--ink-2);line-height:1.65}
.am-nos__no li:last-child{margin-bottom:0}
.am-nos__no li::before{content:"—";position:absolute;left:0;color:var(--line-2)}

/* ── Xifres ────────────────────────────────────────────────────────────── */
.am-xif__l{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);
  gap:var(--gap);margin:clamp(28px,3.2vw,42px) 0 0;padding:0;text-align:center}
.am-xif__l b{display:block;font-family:var(--font-display);font-weight:600;
  font-size:clamp(2.1rem,4vw,3.2rem);letter-spacing:-.03em;color:var(--ink);
  font-variant-numeric:tabular-nums;line-height:1}
.am-xif__l span{display:block;margin-top:.6rem;font-size:.9rem;color:var(--ink-2);
  line-height:1.45}
.am-xif__peu{margin:clamp(22px,2.4vw,30px) 0 0;text-align:center;
  font-size:var(--t-small);color:var(--ink-3)}

/* ── El mapa d'enllaços ────────────────────────────────────────────────── */
.am-mapa{padding-block:var(--sec-y)}
.am-mapa__com{columns:4 220px;column-gap:clamp(22px,2.6vw,38px);
  margin-top:clamp(30px,3.6vw,46px)}
.am-com{break-inside:avoid;margin:0 0 clamp(22px,2.4vw,32px)}
.am-com h3{display:flex;align-items:baseline;gap:.5em;font-size:.98rem;margin:0 0 .6rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--line);letter-spacing:-.01em}
.am-com h3 b{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--ink-3)}
.am-com ul{list-style:none;margin:0;padding:0}
.am-com li{margin-bottom:.3rem}
.am-com a{font-size:.92rem;color:var(--ink-2);border-bottom:1px solid transparent}
.am-com a:hover{color:var(--gold-ink);border-bottom-color:var(--gold)}

.am-mapa__esp{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;
  margin:clamp(30px,3.6vw,46px) 0 0;padding:0}
.am-mapa__esp a{display:inline-block;padding:.55em 1.1em;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-pill);font-size:.92rem;
  color:var(--ink-2);transition:border-color .3s var(--ease),color .3s var(--ease)}
.am-mapa__esp a:hover{border-color:var(--gold);color:var(--ink)}

/* ── Preguntes ─────────────────────────────────────────────────────────── */
.am-faq{padding-block:var(--sec-y)}
.am-faq__l{display:grid;gap:clamp(18px,2vw,28px);margin-top:clamp(30px,3.6vw,46px);
  max-width:880px;margin-inline:auto}
.am-qa{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;
  padding-top:1.3rem;border-top:1px solid var(--line)}
.am-qa__n{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;
  color:var(--gold-ink);margin:.3rem 0 0}
.am-qa h3{font-size:1.12rem;margin:0 0 .6rem;letter-spacing:-.015em}
.am-qa p{margin:0;color:var(--ink-2);line-height:1.75}

/* ── Responsiu ─────────────────────────────────────────────────────────── */
@media (max-width:980px){
  .am-triar__l{grid-template-columns:1fr}
  .am-nos__in{grid-template-columns:1fr}
  .am-xif__l{grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,36px)}
  .am-mapa__com{columns:2 200px}
}
@media (max-width:620px){
  .am-mapa__com{columns:1}
  .am-qa,.am-triar__l li{grid-template-columns:1fr;gap:.5rem}
  .am-qa__n,.am-triar__n{margin:0}
}