/* [L6 pàgines base 2026-09-30] Els <li> del mòdul i els <p> de dins no hereten el sagnat, el marge ni la mida
   de llista del tema (main li i main li p: padding-left 18px, margin-bottom 10px, font-size de llista).
   :where() deixa (0,1,0): guanya a main li p (0,0,3) i qualsevol regla pròpia del mòdul hi guanya. El li que
   porta .ia-card queda fora del padding: el posa la primitiva .ia-card (--ia-card-padding). */
.iaLayer-iaprogressv1 :where(li) { margin: 0; }
.iaLayer-iaprogressv1 :where(li:not(.ia-card), li p) { padding: 0; margin-inline: 0; }
.iaLayer-iaprogressv1 :where(li:not(.ia-card) p) { font-size: inherit; }
.iaLayer-iaprogressv1 { box-sizing: border-box; width: 100%; padding-block: clamp(var(--ia-space-m, 1.5rem), 12vw, var(--ia-space-xl, 4rem)); line-height: 1.5; color: var(--ia-color-text, #1a1a1a); font-family: var(--ia-font-body, sans-serif); }
.iaLayer-iaprogressv1 :is(h1, h2, h3, h4, h5, h6) { line-height: var(--ia-title-section-lh); }
.iaLayer-iaprogressv1 p { line-height: var(--ia-body-lh); }
.iaLayer-iaprogressv1 *, .iaLayer-iaprogressv1 *::before, .iaLayer-iaprogressv1 *::after { box-sizing: border-box; }
.iaLayer-iaprogressv1 .iprv1-header { max-width: 65ch; margin: 0 0 clamp(var(--ia-space-s, 1.5rem), 6vw, var(--ia-space-l, 2rem)); }
.iaLayer-iaprogressv1 .iprv1-eyebrow { margin-top: var(--ia-space-s, 1rem); margin-bottom: 0; font-size: var(--ia-eyebrow-size); font-weight: var(--ia-eyebrow-weight); letter-spacing: var(--ia-eyebrow-tracking); text-transform: var(--ia-eyebrow-transform); color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-iaprogressv1 .iprv1-title { margin-top: var(--ia-space-xs, 0.5rem); margin-bottom: 0; font-family: var(--ia-font-heading, sans-serif); font-size: var(--ia-title-section-size); font-weight: var(--ia-title-section-weight); color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iaprogressv1 .iprv1-intro { margin-top: var(--ia-space-s, 1rem); margin-bottom: 0; font-size: var(--ia-body-size); line-height: var(--ia-body-lh); color: var(--ia-color-text-soft, #6b6b6b); }
/* [MOVE-READY 2026-10-03] Espaiat «cada peça el seu margin-top + reinici del primer fill» (només layout; l'aspecte per defecte no canvia): moure una peça s'emporta el seu espai. */
.iaLayer-iaprogressv1 .iprv1-header > :first-child { margin-top: 0; }
.iaLayer-iaprogressv1 .iprv1-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ia-space-m, 1.5rem); max-width: 42rem; }
.iaLayer-iaprogressv1 .iprv1-item { min-width: 0; }
.iaLayer-iaprogressv1 .iprv1-row { display: flex; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.4rem; font-size: 0.9375rem; }
.iaLayer-iaprogressv1 .iprv1-label { font-weight: 600; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iaprogressv1 .iprv1-value { color: var(--ia-color-text-soft, #6b6b6b); font-variant-numeric: tabular-nums; }
.iaLayer-iaprogressv1[data-style="bar"] .iprv1-track { position: relative; height: 10px; border-radius: 999px; background: var(--ia-color-border, #d9d9d9); overflow: hidden; }
.iaLayer-iaprogressv1[data-style="bar"] .iprv1-fill { height: 100%; width: var(--iprv1-pct, 0%); border-radius: 999px; background: var(--ia-color-text, #1a1a1a); }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-list { grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); max-width: none; gap: var(--ia-space-m, 1.5rem) var(--ia-space-s, 1.25rem); }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-item { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; align-content: start; row-gap: 0.75rem; text-align: center; }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-row { display: contents; }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-track { grid-area: 1 / 1; position: relative; width: 112px; height: 112px; border-radius: 50%; background: conic-gradient(var(--ia-color-text, #1a1a1a) calc(var(--iprv1-pct, 0%) * 1), var(--ia-color-border, #d9d9d9) 0); }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-fill { display: none; }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-track::after { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: var(--ia-color-page, #fff); }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-value { grid-area: 1 / 1; align-self: center; position: relative; z-index: 1; font-family: var(--ia-font-heading, sans-serif); font-size: 1.375rem; font-weight: 700; line-height: 1; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iaprogressv1[data-style="circle"] .iprv1-label { grid-area: 2 / 1; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: no-preference) {
  .iaLayer-iaprogressv1[data-style="bar"] .iprv1-fill { transition: var(--ia-interaction-transition, width .6s ease); }
}