/* [L6 pàgines base 2026-09-30] El text ric (p, li, strong, b i els enllaços sense classe) pren el token de text de
   la superfície (--ia-color-text, que brand, dark i image redefineixen); sense això main p, main li, main li p,
   strong i main a del tema el pinten amb el seu color fix (1,21:1 a surface dark). Token i no inherit: inherit
   aclaria el cos a les superfícies clares (#6F6F6F, 4,53:1 sobre soft). :where() deixa p, li, strong i b a
   (0,1,0) perquè qualsevol regla pròpia del mòdul hi guanyi; el bloc va al principi perquè hi guanyin en empat. */
.iaLayer-iaaboutv1 :where(p, li, strong, b) { color: var(--ia-color-text, inherit); }
.iaLayer-iaaboutv1 a:not([class]) { color: var(--ia-color-text, inherit); text-decoration: underline; }
.iaLayer-iaaboutv1 a:not([class]):is(:hover, :focus-visible) { --ia-interaction-text-hover: var(--ia-color-text, inherit); color: var(--ia-interaction-text-hover); text-decoration: underline; }
.iaLayer-iaaboutv1 { 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-iaaboutv1 :is(h1, h2, h3, h4, h5, h6) { line-height: var(--ia-title-section-lh); }
.iaLayer-iaaboutv1 p { line-height: var(--ia-body-lh); }
.iaLayer-iaaboutv1 *, .iaLayer-iaaboutv1 *::before, .iaLayer-iaaboutv1 *::after { box-sizing: border-box; }
.iaLayer-iaaboutv1 .iabtv1-inner { display: grid; grid-template-columns: minmax(0,1fr); gap: clamp(var(--ia-space-s, 1.5rem), 6vw, var(--ia-space-l, 2.5rem)); align-items: center; }
.iaLayer-iaaboutv1 .iabtv1-media { min-width: 0; }
.iaLayer-iaaboutv1 .iabtv1-img, .iaLayer-iaaboutv1 .iabtv1-media picture, .iaLayer-iaaboutv1 .iabtv1-media img { display: block; width: 100%; height: auto; border-radius: var(--ia-radius-button, 4px); }
.iaLayer-iaaboutv1 .iabtv1-content { min-width: 0; }
.iaLayer-iaaboutv1 .iabtv1-header { margin: var(--ia-space-s, 1rem) 0 0; }
.iaLayer-iaaboutv1 .iabtv1-eyebrow { margin: 0 0 var(--ia-space-xs, 0.5rem); font-family: var(--ia-font-body, sans-serif); font-size: var(--ia-eyebrow-size); font-weight: var(--ia-eyebrow-weight); line-height: var(--ia-eyebrow-lh); letter-spacing: var(--ia-eyebrow-tracking); text-transform: var(--ia-eyebrow-transform); color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-iaaboutv1 .iabtv1-title { margin: 0; font-family: var(--ia-font-heading, sans-serif); font-size: var(--ia-title-section-size); font-weight: var(--ia-title-section-weight); line-height: var(--ia-title-section-lh); overflow-wrap: break-word; text-wrap: balance; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iaaboutv1 .iabtv1-story { margin-top: var(--ia-space-s, 1rem); font-size: var(--ia-body-size); line-height: var(--ia-body-lh); max-width: 65ch; overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
/* [TIPOGRAFIA · MT-06-2b] El <p>/<li> que desa el CKEditor dins d'aquest text ric ha de veure's IGUAL que el text pla: sense aquesta regla `main p`/`main li` del tema (0,0,2) i el :where(p…) de la L6 en canvien mida, color i interlineat. (0,2,1) > (0,0,2). */
.iaLayer-iaaboutv1 .iabtv1-story p, .iaLayer-iaaboutv1 .iabtv1-story li { font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; }
/* [MT-06-2b · brand] A brand el soft és color-mix(85 %) del text sobre el primari i baixa de 4,5:1 amb primaris mitjans (#1a73e8 3,70:1): el text pla i el <p> usen el color PLE (que és AA per construcció: --ia-color-primary-contrast-text). */
.iaLayer-iaaboutv1[data-surface="brand"] .iabtv1-story { color: var(--ia-color-text, #ffffff); }
.iaLayer-iaaboutv1 .iabtv1-story a { color: var(--ia-color-text, #1a1a1a); text-decoration: underline; text-underline-offset: 0.15em; }
.iaLayer-iaaboutv1 .iabtv1-story a:focus-visible { outline: 2px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; border-radius: 2px; }
.iaLayer-iaaboutv1 .iabtv1-facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--ia-space-s, 1rem); margin: clamp(var(--ia-space-s, 1.5rem), 6vw, var(--ia-space-l, 2.5rem)) 0 0; padding: 0; }
.iaLayer-iaaboutv1 .iabtv1-fact { margin: 0; padding: 0; }
.iaLayer-iaaboutv1 .iabtv1-fact-num { margin: 0; font-family: var(--ia-font-heading, sans-serif); font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem); font-weight: 700; line-height: 1.1; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iaaboutv1 .iabtv1-fact-label { margin: 0.25rem 0 0; font-size: var(--ia-card-text-size); line-height: var(--ia-card-text-lh); color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-iaaboutv1 .iabtv1-actions { margin-top: clamp(var(--ia-space-s, 1.5rem), 6vw, var(--ia-space-l, 2.5rem)); display: flex; flex-wrap: wrap; }
/* [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-iaaboutv1 .iabtv1-content > :first-child { margin-top: 0; }
.iaLayer-iaaboutv1 .iabtv1-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: var(--ia-space-xs, 0.75rem) var(--ia-space-m, 1.5rem); border: var(--ia-button-primary-border-size) var(--ia-button-primary-border-type) var(--ia-button-primary-border); border-radius: var(--ia-radius-button, 4px); background-color: var(--ia-button-primary-bg); color: var(--ia-button-primary-text); font-family: var(--ia-font-body, sans-serif); font-size: var(--ia-btn-size); font-weight: var(--ia-btn-weight); text-decoration: none; transition: var(--ia-interaction-transition, box-shadow 0.2s ease); }
.iaLayer-iaaboutv1 .iabtv1-cta:hover { border-color: var(--ia-button-primary-border-hover); background-color: var(--ia-button-primary-bg-hover); color: var(--ia-button-primary-text-hover); }
.iaLayer-iaaboutv1 .iabtv1-cta:focus-visible { outline: 3px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 3px; }
.iaLayer-iaaboutv1[data-surface="soft"] { background-color: var(--ia-color-surface-soft, #f3f3f3); }
.iaLayer-iaaboutv1[data-surface="brand"] { background-color: var(--ia-color-primary, #000000); --ia-color-text: var(--ia-color-primary-contrast-text, var(--ia-color-text-inverted, #fff)); --ia-color-text-soft: color-mix(in srgb, var(--ia-color-text, #fff) 85%, transparent); --ia-color-focus-ring: var(--ia-color-text, #fff); }
.iaLayer-iaaboutv1[data-surface="dark"] { background-color: var(--ia-color-dark, #000000); --ia-color-text: var(--ia-color-text-inverted, #fff); --ia-color-text-soft: var(--ia-color-text-inverted-soft, rgba(255,255,255,.82)); --ia-color-focus-ring: var(--ia-color-text-inverted, #ffffff); }
.iaLayer-iaaboutv1[data-surface="brand"] .iabtv1-title, .iaLayer-iaaboutv1[data-surface="dark"] .iabtv1-title { color: var(--ia-color-text, #fff); }
.iaLayer-iaaboutv1[data-surface="brand"] .iabtv1-cta, .iaLayer-iaaboutv1[data-surface="dark"] .iabtv1-cta { border-color: var(--ia-color-text-inverted, #ffffff); background-color: var(--ia-color-text-inverted, #ffffff); color: var(--ia-color-dark, #000); }
.iaLayer-iaaboutv1[data-surface="brand"] .iabtv1-cta:hover, .iaLayer-iaaboutv1[data-surface="dark"] .iabtv1-cta:hover { border-color: var(--ia-interaction-border-hover, #e6e6e6); background-color: var(--ia-interaction-bg-hover, #e6e6e6); color: var(--ia-interaction-text-hover, #000000); text-decoration: underline; text-underline-offset: 0.2em; }
@media (min-width: 62em) {
  .iaLayer-iaaboutv1 .iabtv1-inner { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--ia-space-xl, 4rem); }
  .iaLayer-iaaboutv1[data-no-media="1"] .iabtv1-inner { grid-template-columns: minmax(0,1fr); }
  .iaLayer-iaaboutv1[data-media="right"] .iabtv1-media { order: 2; }
  .iaLayer-iaaboutv1[data-media="right"] .iabtv1-content { order: 1; }
}
@media (max-width: 30em) {
  .iaLayer-iaaboutv1 .iabtv1-facts { grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--ia-space-xs, 0.5rem); }
}
/* [L6 GUTTER 28 2026-09-30] Superfície soft: gutter lateral únic var(--ia-section-gutter) (system-twig.css); brand, dark i image conserven el seu valor. */
.iaLayer-iaaboutv1[data-surface="soft"] { padding-inline: var(--ia-section-gutter, 28px); }
.iaLayer-iaaboutv1[data-surface="brand"], .iaLayer-iaaboutv1[data-surface="dark"] { padding-inline: var(--ia-space-s, 1.25rem); }