/* [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-ianewsletterv1 :where(p, li, strong, b) { color: var(--ia-color-text, inherit); }
.iaLayer-ianewsletterv1 a:not([class]) { color: var(--ia-color-text, inherit); text-decoration: underline; }
.iaLayer-ianewsletterv1 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-ianewsletterv1 { 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-ianewsletterv1 :is(h1, h2, h3, h4, h5, h6) { line-height: var(--ia-title-section-lh); }
.iaLayer-ianewsletterv1 p { line-height: var(--ia-body-lh); }
.iaLayer-ianewsletterv1 *, .iaLayer-ianewsletterv1 *::before, .iaLayer-ianewsletterv1 *::after { box-sizing: border-box; }
.iaLayer-ianewsletterv1 .inlv1-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(var(--ia-space-s, 1.5rem), 6vw, var(--ia-space-l, 2.5rem)); }
.iaLayer-ianewsletterv1 .inlv1-copy { min-width: 0; max-width: 65ch; }
.iaLayer-ianewsletterv1 .inlv1-eyebrow { margin: var(--ia-space-s, 1rem) 0 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); overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-ianewsletterv1 .inlv1-title { margin: var(--ia-space-xs, 0.5rem) 0 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-ianewsletterv1 .inlv1-intro { margin: var(--ia-space-s, 1rem) 0 0; font-size: var(--ia-body-size); line-height: var(--ia-body-lh); overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-ianewsletterv1 .inlv1-intro a { color: inherit; text-decoration: underline; text-underline-offset: 0.15em; }
.iaLayer-ianewsletterv1 .inlv1-intro a:focus-visible { outline: 2px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; }
.iaLayer-ianewsletterv1 .inlv1-benefits { display: flex; flex-direction: column; gap: var(--ia-space-xs, 0.5rem); margin: var(--ia-space-m, 1.5rem) 0 0; padding: 0; list-style: none; }
/* [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-ianewsletterv1 .inlv1-copy > :first-child { margin-top: 0; }
.iaLayer-ianewsletterv1 .inlv1-benefits:empty { display: none; }
.iaLayer-ianewsletterv1 .inlv1-benefit { position: relative; margin: 0; padding-left: 1.5rem; font-size: 1rem; line-height: 1.5; overflow-wrap: break-word; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-benefit::before { content: ""; position: absolute; left: 0.3rem; top: 0.3em; width: 0.4rem; height: 0.75rem; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.iaLayer-ianewsletterv1 .inlv1-actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ia-space-xs, 0.75rem); min-width: 0; }
.iaLayer-ianewsletterv1 .inlv1-cta { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; 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); font-family: var(--ia-font-body, sans-serif); font-size: var(--ia-btn-size); font-weight: var(--ia-btn-weight); line-height: var(--ia-btn-lh); text-align: center; text-decoration: none; overflow-wrap: break-word; color: var(--ia-button-primary-text); transition: var(--ia-interaction-transition, box-shadow 0.2s ease); }
.iaLayer-ianewsletterv1 .inlv1-cta:hover { background-color: var(--ia-button-primary-bg-hover); border-color: var(--ia-button-primary-border-hover); color: var(--ia-button-primary-text-hover); }
.iaLayer-ianewsletterv1 .inlv1-cta:focus-visible { outline: 3px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 3px; }
.iaLayer-ianewsletterv1 .inlv1-cta[target="_blank"]::after, .iaLayer-ianewsletterv1 .inlv1-link[target="_blank"]::after { content: "\2197" / ""; font-weight: 400; line-height: 1; }
.iaLayer-ianewsletterv1 .inlv1-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.iaLayer-ianewsletterv1 .inlv1-privacy { margin: 0; max-width: 45ch; font-size: 0.875rem; line-height: 1.5; overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-ianewsletterv1 .inlv1-link { position: relative; display: inline-flex; align-items: center; gap: 0.35em; min-height: 44px; max-width: 100%; font-size: 1rem; font-weight: 600; line-height: 1.3; overflow-wrap: break-word; text-decoration: underline; text-underline-offset: 0.2em; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-link:hover { text-decoration-thickness: 0.12em; }
.iaLayer-ianewsletterv1 .inlv1-link:focus-visible { outline: 3px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; }
.iaLayer-ianewsletterv1[data-align="center"] .inlv1-inner { justify-items: center; text-align: center; }
.iaLayer-ianewsletterv1[data-align="center"] .inlv1-copy { margin-inline: auto; }
.iaLayer-ianewsletterv1[data-align="center"] .inlv1-benefits, .iaLayer-ianewsletterv1[data-align="center"] .inlv1-actions { align-items: center; }
.iaLayer-ianewsletterv1[data-align="center"] .inlv1-benefit { text-align: start; }
.iaLayer-ianewsletterv1[data-surface="soft"] { background-color: var(--ia-color-surface-soft, #f3f3f3); }
.iaLayer-ianewsletterv1[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) 85%, transparent); --ia-color-focus-ring: var(--ia-color-text); }
.iaLayer-ianewsletterv1[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-ianewsletterv1[data-surface="brand"] .inlv1-title, .iaLayer-ianewsletterv1[data-surface="dark"] .inlv1-title, .iaLayer-ianewsletterv1[data-surface="brand"] .inlv1-benefit, .iaLayer-ianewsletterv1[data-surface="dark"] .inlv1-benefit, .iaLayer-ianewsletterv1[data-surface="brand"] .inlv1-link, .iaLayer-ianewsletterv1[data-surface="dark"] .inlv1-link { color: var(--ia-color-text); }
/* [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-ianewsletterv1[data-surface="soft"] { padding-inline: var(--ia-section-gutter, 28px); }
.iaLayer-ianewsletterv1[data-surface="brand"], .iaLayer-ianewsletterv1[data-surface="dark"] { padding-inline: var(--ia-space-s, 1.25rem); }
.iaLayer-ianewsletterv1[data-surface="brand"] .inlv1-cta, .iaLayer-ianewsletterv1[data-surface="dark"] .inlv1-cta { border-color: var(--ia-color-text, #ffffff); background-color: var(--ia-color-text, #ffffff); }
.iaLayer-ianewsletterv1[data-surface="brand"] .inlv1-cta { color: var(--ia-color-primary, #000000); }
.iaLayer-ianewsletterv1[data-surface="dark"] .inlv1-cta { color: var(--ia-color-dark, #000000); }
.iaLayer-ianewsletterv1[data-surface="brand"] .inlv1-cta:hover, .iaLayer-ianewsletterv1[data-surface="dark"] .inlv1-cta:hover { background-color: var(--ia-interaction-bg-hover, #e6e6e6); border-color: var(--ia-interaction-border-hover, #e6e6e6); color: var(--ia-interaction-text-hover, #000000); text-decoration: underline; text-underline-offset: 0.2em; }
/* [NEWSLETTER FORM 2026-09-30] Mode formulari (data-mode="form"): alta de debò pel canal de newsletter de la web (rutinas_ajax · agregarEmailNewsletter), enviada per themes/ext_irtheme/js/iaLayer_newsletter.js. Colors i radis pels tokens de la superfície: en brand/dark --ia-color-text s'inverteix i el camp queda blanc amb text fosc. */
.iaLayer-ianewsletterv1[data-mode="form"] .inlv1-actions { width: 100%; max-width: 30rem; }
.iaLayer-ianewsletterv1 .inlv1-form { display: flex; flex-direction: column; align-items: stretch; gap: var(--ia-space-xs, 0.75rem); width: 100%; max-width: 30rem; margin: 0; text-align: start; }
.iaLayer-ianewsletterv1 .inlv1-field { display: flex; flex-direction: column; gap: 0.35rem; }
.iaLayer-ianewsletterv1 .inlv1-label { font-size: 0.9375rem; font-weight: 600; line-height: 1.3; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-input { box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 0.625rem 0.875rem; border: 1px solid var(--ia-color-border, #bdbdbd); border-radius: var(--ia-radius-button, 4px); background-color: var(--ia-color-surface, #ffffff); font-family: var(--ia-font-body, sans-serif); font-size: 1rem; line-height: 1.4; color: var(--ia-color-dark, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-input:focus-visible { outline: 3px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; }
.iaLayer-ianewsletterv1 .inlv1-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.iaLayer-ianewsletterv1 .inlv1-consent { display: flex; align-items: flex-start; gap: 0.625rem; }
.iaLayer-ianewsletterv1 .inlv1-check { flex: none; width: 1.25rem; height: 1.25rem; margin: 0.15rem 0 0; accent-color: var(--ia-color-primary, #000000); }
.iaLayer-ianewsletterv1 .inlv1-check:focus-visible { outline: 3px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; }
.iaLayer-ianewsletterv1 .inlv1-consent-label { margin: 0; font-size: 0.875rem; line-height: 1.5; overflow-wrap: break-word; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-consent-label a { color: var(--ia-color-text, #1a1a1a); text-decoration: underline; text-underline-offset: 0.15em; }
.iaLayer-ianewsletterv1 .inlv1-consent-label a:focus-visible { outline: 2px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; }
.iaLayer-ianewsletterv1 .inlv1-submit { width: 100%; cursor: pointer; }
.iaLayer-ianewsletterv1 .inlv1-submit[disabled] { opacity: 0.6; cursor: progress; }
.iaLayer-ianewsletterv1 .inlv1-status { margin: 0; font-size: 0.9375rem; line-height: 1.5; font-weight: 600; overflow-wrap: break-word; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-status:empty { display: none; }
.iaLayer-ianewsletterv1 .inlv1-status--err { color: var(--ia-color-text, #1a1a1a); }
.iaLayer-ianewsletterv1 .inlv1-status--err::before { content: "! "; font-weight: 700; }
.iaLayer-ianewsletterv1 .inlv1-form .inlv1-privacy { max-width: none; }
.iaLayer-ianewsletterv1[data-align="center"] .inlv1-form { margin-inline: auto; }
.iaLayer-ianewsletterv1[data-align="center"] .inlv1-status { text-align: center; }
@media (min-width: 40em) {
  .iaLayer-ianewsletterv1[data-align="center"] .inlv1-benefits { flex-direction: row; flex-wrap: wrap; justify-content: center; column-gap: var(--ia-space-m, 1.5rem); }
}
@media (min-width: 62em) {
  .iaLayer-ianewsletterv1[data-align="start"][data-action="1"] .inlv1-inner { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  .iaLayer-ianewsletterv1 .inlv1-cta { transition: none; }
}