/* [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-iacontactinfov1 :where(p, li, strong, b) { color: var(--ia-color-text, inherit); }
.iaLayer-iacontactinfov1 a:not([class]) { color: var(--ia-color-text, inherit); text-decoration: underline; }
.iaLayer-iacontactinfov1 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; }
/* [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-iacontactinfov1 :where(li) { margin: 0; }
.iaLayer-iacontactinfov1 :where(li:not(.ia-card), li p) { padding: 0; margin-inline: 0; }
.iaLayer-iacontactinfov1 :where(li:not(.ia-card) p) { font-size: inherit; }
.iaLayer-iacontactinfov1 {
  --icv1-bg: transparent;
  --icv1-rule: var(--ia-color-border, #d6d6d6);
  --icv1-ic-bg: var(--ia-color-surface-soft, #f3f3f3);
  --icv1-ic-fg: var(--ia-color-text, #1a1a1a);
  --icv1-btn-bg: var(--ia-button-primary-bg);
  --icv1-btn-fg: var(--ia-button-primary-text);
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: var(--ia-space-l, 32px) var(--ia-space-m, 20px);
  background: var(--icv1-bg);
  color: var(--ia-color-text, #1a1a1a);
  font-family: var(--ia-font-body, sans-serif);
}
.iaLayer-iacontactinfov1.icv1-surface--soft {
  --icv1-bg: var(--ia-color-surface-soft, #f3f3f3);
  --icv1-ic-bg: var(--ia-color-surface, #ffffff);
  --ia-card-bg: var(--ia-color-surface, #ffffff);
}
.iaLayer-iacontactinfov1.icv1-surface--brand {
  --icv1-bg: var(--ia-color-primary, #000000);
  --ia-color-text: var(--ia-color-primary-contrast-text, var(--ia-color-text-inverted, #ffffff));
  --ia-color-text-soft: var(--ia-color-primary-contrast-text, var(--ia-color-text-inverted-soft, #d6d6d6));
  --ia-color-focus-ring: var(--ia-color-primary-contrast-text, var(--ia-color-text-inverted, #ffffff));
  --icv1-btn-bg: var(--ia-color-primary-contrast-text, var(--ia-color-text-inverted, #ffffff));
  --icv1-btn-fg: var(--ia-color-primary, #000000);
}
.iaLayer-iacontactinfov1.icv1-surface--dark {
  --icv1-bg: var(--ia-color-dark, #1a1a1a);
  --ia-color-text: var(--ia-color-text-inverted, #ffffff);
  --ia-color-text-soft: var(--ia-color-text-inverted-soft, #d6d6d6);
  --ia-color-focus-ring: var(--ia-color-text-inverted, #ffffff);
  --icv1-btn-bg: var(--ia-color-text-inverted, #ffffff);
  --icv1-btn-fg: var(--ia-color-dark, #1a1a1a);
}
.iaLayer-iacontactinfov1.icv1-surface--brand,
.iaLayer-iacontactinfov1.icv1-surface--dark {
  --icv1-rule: color-mix(in srgb, currentColor 28%, transparent);
  --icv1-ic-bg: color-mix(in srgb, currentColor 14%, transparent);
  --icv1-ic-fg: var(--ia-color-text, #ffffff);
  --ia-card-bg: transparent;
  --ia-card-border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
  --ia-card-shadow: none;
  --ia-card-hover-shadow: none;
}
.iaLayer-iacontactinfov1 .icv1-head,
.iaLayer-iacontactinfov1 .icv1-data,
.iaLayer-iacontactinfov1 .icv1-actions {
  width: 100%;
  margin-inline: auto;
}
.iaLayer-iacontactinfov1 .icv1-head {
  max-width: 65ch;
  margin-top: var(--ia-space-s, 1rem); margin-bottom: 0;
  margin-inline: 0;
}
.iaLayer-iacontactinfov1[data-layout="list"] .icv1-head,
.iaLayer-iacontactinfov1[data-layout="list"] .icv1-data,
.iaLayer-iacontactinfov1[data-layout="list"] .icv1-actions {
  max-width: 65ch;
  margin-inline: 0;
}
.iaLayer-iacontactinfov1 .icv1-eyebrow {
  margin: 0 0 var(--ia-space-xs, 8px);
  color: var(--ia-color-text-soft, #6b6b6b);
  font-size: var(--ia-eyebrow-size);
  font-weight: var(--ia-eyebrow-weight);
  letter-spacing: var(--ia-eyebrow-tracking);
  line-height: var(--ia-eyebrow-lh);
  text-transform: var(--ia-eyebrow-transform);
}
.iaLayer-iacontactinfov1 .icv1-title {
  margin: 0;
  color: var(--ia-color-text, #1a1a1a);
  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;
}
.iaLayer-iacontactinfov1 .icv1-intro {
  margin: var(--ia-space-s, 12px) 0 0;
  color: var(--ia-color-text-soft, #6b6b6b);
  font-size: var(--ia-body-size);
  line-height: var(--ia-body-lh);
}
.iaLayer-iacontactinfov1 .icv1-data {
  font-style: normal;
  margin-top: var(--ia-space-l, 32px); margin-bottom: 0;
}
.iaLayer-iacontactinfov1 .icv1-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ia-collection-gap, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.iaLayer-iacontactinfov1[data-layout="list"] .icv1-list {
  gap: 0;
}
.iaLayer-iacontactinfov1[data-layout="list"] .icv1-item {
  padding-block: var(--ia-space-s, 12px);
  border-bottom: 1px solid var(--icv1-rule);
}
.iaLayer-iacontactinfov1[data-layout="list"] .icv1-item:first-child {
  border-top: 1px solid var(--icv1-rule);
}
.iaLayer-iacontactinfov1 .icv1-item {
  display: flex;
  align-items: flex-start;
  gap: var(--ia-space-xs, 12px);
  min-width: 0;
  margin: 0;
}
/* [L6 pàgines base 2026-09-30] Targetes: padding propi. La primitiva .ia-card pren --ia-card-padding, que al tema
   val 0 (sense unitat): el text tocava la vora lateral i l'horari la inferior. */
.iaLayer-iacontactinfov1[data-layout="cards"] .icv1-item {
  padding: var(--ia-space-s, 1.25rem);
}
.iaLayer-iacontactinfov1 .icv1-ic {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--icv1-ic-bg);
  color: var(--icv1-ic-fg);
}
.iaLayer-iacontactinfov1 .icv1-ic svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.iaLayer-iacontactinfov1 .icv1-body {
  flex: 1 1 auto;
  min-width: 0;
}
.iaLayer-iacontactinfov1 .icv1-label {
  margin: 0;
  padding-top: 0.125rem;
  color: var(--ia-color-text-soft, #6b6b6b);
  font-size: var(--ia-eyebrow-size);
  font-weight: var(--ia-eyebrow-weight);
  letter-spacing: var(--ia-eyebrow-tracking);
  line-height: var(--ia-eyebrow-lh);
  text-transform: var(--ia-eyebrow-transform);
}
.iaLayer-iacontactinfov1 .icv1-value,
.iaLayer-iacontactinfov1 .icv1-link {
  color: var(--ia-color-text, #1a1a1a);
  font-size: var(--ia-body-size);
  line-height: var(--ia-body-lh);
  overflow-wrap: anywhere;
}
.iaLayer-iacontactinfov1 .icv1-value {
  margin: var(--ia-space-xs, 8px) 0 0;
}
.iaLayer-iacontactinfov1 .icv1-value--address {
  white-space: pre-line;
}
.iaLayer-iacontactinfov1 .icv1-value a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.iaLayer-iacontactinfov1 .icv1-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 44px;
  font-weight: var(--ia-font-weight-semibold);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.iaLayer-iacontactinfov1 .icv1-link:hover,
.iaLayer-iacontactinfov1 .icv1-value a:hover {
  text-decoration-thickness: 2px;
}
.iaLayer-iacontactinfov1 .icv1-link:focus-visible,
.iaLayer-iacontactinfov1 .icv1-value a:focus-visible,
.iaLayer-iacontactinfov1 .icv1-cta:focus-visible {
  outline: 3px solid var(--ia-color-focus-ring, currentColor);
  outline-offset: 3px;
}
.iaLayer-iacontactinfov1 .icv1-actions {
  margin-top: var(--ia-space-l, 32px); margin-bottom: 0;
}
/* [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-iacontactinfov1 > :first-child { margin-top: 0; }
/* [MOVE-READY] El vídeo de fons (iaLayer_bg_video.js) s'insereix com a PRIMER fill de l'arrel (absolut): la primera peça real tampoc no ha de portar marge a dalt. */
.iaLayer-iacontactinfov1 > .ia-bg-video:first-child + * { margin-top: 0; }
.iaLayer-iacontactinfov1 .icv1-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  padding: var(--ia-space-xs, 8px) var(--ia-space-m, 20px);
  border: 2px solid transparent;
  border-radius: var(--ia-radius-button, 8px);
  background: var(--icv1-btn-bg);
  color: var(--icv1-btn-fg);
  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;
  transition: var(--ia-interaction-transition, box-shadow 0.2s ease);
}
.iaLayer-iacontactinfov1 .icv1-cta:hover {
  box-shadow: var(--ia-interaction-shadow-hover, 0 6px 18px rgba(0, 0, 0, 0.18));
}
/* [L6 pàgines base 2026-09-30] Graella sense targeta òrfena: amb auto-fit, 4 targetes en 3 columnes deixaven
   l'horari sol. 2 columnes (4 = 2x2; la darrera senar ocupa la fila sencera) i, a partir de 62em, 3 targetes
   en 3 columnes. */
@media (min-width: 600px) {
  .iaLayer-iacontactinfov1[data-layout="cards"] .icv1-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .iaLayer-iacontactinfov1[data-layout="cards"] .icv1-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
@media (min-width: 62em) {
  .iaLayer-iacontactinfov1[data-layout="cards"] .icv1-list:has(> .icv1-item:nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .iaLayer-iacontactinfov1[data-layout="cards"] .icv1-item:nth-child(3):last-child {
    grid-column: auto;
  }
}
@media (min-width: 992px) {
  .iaLayer-iacontactinfov1 {
    padding: var(--ia-space-xl, 64px) var(--ia-space-l, 32px);
  }
}
/* [L6 GUTTER 28 2026-09-30] Superfícies default i soft: gutter lateral únic var(--ia-section-gutter) (system-twig.css), a totes les amplades; brand i dark conserven el padding de l'arrel. */
.iaLayer-iacontactinfov1.icv1-surface--default,
.iaLayer-iacontactinfov1.icv1-surface--soft { padding-inline: var(--ia-section-gutter, 28px); }