/* =====================================================================
   PAGINA CONTATTI — dalla schermata Stitch "Contatti" (misure a 1280px). Header e footer: quelli del sito.
   CTA finale: quella della schermata Stitch (eccezione chiesta dal cliente, non il pattern "CTA finale").
   Form = Contact Form 7 (stili dei campi in 55-form.css). Mappa = immagine statica + link a Google Maps.
   Spazi come Stitch: testata 32px sopra (+8 di stacco dall'header) e 48 sotto; form e card 64px sopra la mappa;
   mappa 540px (480 sotto 1024px); FAQ su fascia Ghiaccio con 48px sopra e sotto; CTA 64px sopra e sotto.
   Vedi design/DESIGN.md › Components › Pagina Contatti.
   ===================================================================== */

/* Etichetta di card e sezioni: label-caps maiuscolo Blu MM 700, senza pallino */
.mm-contatti__label {
  margin: 0;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--label-caps);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}

/* --- 1. TESTATA: pillola alta 20px con pallino che pulsa, H1 display 800, 16px tra gli elementi.
   Sotto 72px: i 48 della sezione + i 24 della fila di numeri, vuota nella schermata Stitch (non realizzata) --- */
.wp-block-group.mm-section.mm-intro.mm-contatti-intro { padding-block: 40px 72px; }
.wp-block-group.mm-contatti-intro > .mm-eyebrow--chip {
  gap: 8px;
  margin-bottom: 16px;
  padding-block: 4px;
  letter-spacing: .05em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.mm-contatti-intro > .mm-eyebrow--chip::before { width: 8px; height: 8px; }
.wp-block-group.mm-contatti-intro > .mm-intro__title { font-weight: 800; line-height: 1.02; letter-spacing: -.03em; }
@media (prefers-reduced-motion: no-preference) {
  .mm-contatti-intro > .mm-eyebrow--chip::before { animation: mm-pulse 2s ease-in-out infinite; }
}

/* --- 2. FORM (7 colonne) + RIFERIMENTI DIRETTI e AVVISO SMS (5 colonne), gap 32px; in colonna sotto 1024px --- */
.wp-block-group.mm-section.mm-contatti { padding-block: 0 64px; }
.wp-block-group.mm-contatti__grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 32px; }
.wp-block-group.mm-contatti__grid > * { margin: 0; }
/* da 1024px griglia a 12 colonne come Stitch: form 7, colonna destra 5 */
@media (min-width: 1024px) {
  .wp-block-group.mm-contatti__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .wp-block-group.mm-contatti__form { grid-column: span 7; }
  .wp-block-group.mm-contatti__aside { grid-column: span 5; }
}
.wp-block-group.mm-contatti__aside { display: flex; flex-direction: column; gap: 16px; }
.wp-block-group.mm-contatti__aside > * { margin: 0; }

/* Card bianche 24px con ombra lieve */
.wp-block-group:is(.mm-contatti__form, .mm-contatti__card, .mm-avviso) {
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.wp-block-group:is(.mm-contatti__form, .mm-contatti__card, .mm-avviso) > * { margin: 0; }

/* Card del form: padding 48px (24 sotto 640px) */
.wp-block-group.mm-contatti__form { padding: 24px; }
@media (min-width: 640px) { .wp-block-group.mm-contatti__form { padding: 48px; } }
.mm-contatti__form > .mm-contatti__title { margin-bottom: 8px; font-weight: 700; line-height: 1.15; letter-spacing: -.025em; }
.mm-contatti__form > .mm-contatti__intro { margin-bottom: 32px; line-height: 1.6; }

/* "Ti richiamiamo entro 24 ore": riquadro Ghiaccio, icona in cerchio bianco 40px centrato in verticale */
.wp-block-group.mm-contatti__callback {
  --mm-tile-size: 40px;
  --mm-tile-radius: 50%;
  --mm-tile-bg: var(--wp--preset--color--surface);
  --mm-tile-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  --mm-tile-inset: 0 auto 0 16px;
  --mm-ico-size: 22px;
  margin-top: 32px;
  padding: 16px 16px 16px 72px;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.mm-contatti__callback::before, .mm-contatti__callback::after { margin-block: auto; }
.wp-block-group.mm-contatti__callback > * { margin: 0; }
.mm-contatti__callback > .mm-contatti__callback-title {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-weight: 700;
  line-height: 1.6;
}
.mm-contatti__callback > .mm-contatti__callback-text { line-height: 1.55; }

/* Card "Riferimenti diretti": 24px di padding e tra gli elementi */
.wp-block-group.mm-contatti__card { display: flex; flex-direction: column; gap: 24px; padding: 24px; }
.wp-block-group.mm-canali { display: flex; flex-direction: column; gap: 16px; }
.wp-block-group.mm-canali > * { margin: 0; }

/* Canale: icona in riquadro 48px a sinistra, etichetta + valore + descrizione */
.wp-block-group.mm-canale {
  --mm-tile-size: 48px;
  --mm-tile-radius: 12px;
  --mm-tile-inset: 16px auto auto 16px;
  --mm-ico-size: 24px;
  padding: 16px 16px 16px 80px;
  border-radius: 12px;
  transition: background-color .2s;
}
.wp-block-group.mm-canale > * { margin: 0; }
.mm-canale > .mm-canale__label {
  color: var(--wp--preset--color--on-surface-variant);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--label-caps);
  font-weight: 600;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.mm-canale > .mm-canale__value { color: var(--wp--preset--color--on-surface); font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
.mm-canale > .mm-canale__value a { color: inherit; text-decoration: none; transition: color .2s; }
.mm-canale > .mm-canale__text { color: var(--wp--preset--color--on-surface-variant); line-height: 1.55; }
/* Telefono ed email: tutta la riga e' il link; all'hover fondo Ghiaccio e riquadro Blu MM con icona bianca */
.mm-canale.mm-card-link > .mm-canale__value {
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--title);
  line-height: 1.35;
}
/* Telefoni: riquadro 40px e valori a 16px, cosi' "info@mmautomazioni.net" resta su una riga dentro la card */
@media (max-width: 479.98px) {
  .wp-block-group.mm-canale { --mm-tile-size: 40px; --mm-tile-inset: 12px auto auto 12px; --mm-ico-size: 22px; padding: 12px 12px 12px 64px; }
  .mm-canale.mm-card-link > .mm-canale__value { font-size: var(--wp--preset--font-size--body-md); }
}
.mm-canale.mm-card-link > .mm-canale__text { color: rgba(74, 91, 112, .8); }
.mm-canale.mm-card-link:hover { background-color: var(--wp--preset--color--surface-blue); }
.mm-canale.mm-card-link:hover::before { background-color: var(--wp--preset--color--primary); }
.mm-canale.mm-card-link:hover::after { background-color: var(--wp--preset--color--surface); }
.mm-canale.mm-card-link:hover > .mm-canale__value { color: var(--wp--preset--color--primary); }
.mm-canale.mm-card-link:has(a:focus-visible) { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }
.mm-canale.mm-card-link a:focus-visible { outline: none; }
/* Orari e sede: riquadro Ghiaccio, icona in riquadro bianco con ombra lieve */
.wp-block-group.mm-canale--info { --mm-tile-bg: var(--wp--preset--color--surface); --mm-tile-shadow: 0 1px 2px rgba(0, 0, 0, .05); }

/* Emergenza: riquadro rosa, icona rossa 26px, testi e bottone rosso piccolo */
.wp-block-group.mm-sos {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 16px;
  border-radius: 12px;
}
.wp-block-group.mm-sos > * { margin: 0; }
.mm-sos::before {
  content: "";
  flex: none;
  width: 26px;
  height: 26px;
  background-color: var(--wp--preset--color--emergency);
  -webkit-mask: var(--mm-ico) center / contain no-repeat;
  mask: var(--mm-ico) center / contain no-repeat;
}
.wp-block-group.mm-sos__text { flex: 1; min-width: 0; }
.wp-block-group.mm-sos__text > * { margin: 0; }
.mm-sos__text > .mm-sos__title {
  color: var(--wp--preset--color--emergency);
  font-size: var(--wp--preset--font-size--body-sm);
  font-weight: 700;
  line-height: 1.55;
}
.mm-sos__text > .mm-sos__sub { font-size: 12px; line-height: 16px; }
.wp-block-buttons.mm-sos__actions { flex: none; }
.mm-sos__btn > .wp-block-button__link {
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--wp--preset--color--emergency);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  transition: background-color .2s;
}
.mm-sos__btn > .wp-block-button__link:hover,
.mm-sos__btn > .wp-block-button__link:focus { background-color: var(--wp--preset--color--emergency-deep); }

/* Avviso SMS (mm-avviso; "mm-sms" e' il box SMS della Home): card Ghiaccio, scudo pieno in cerchio bianco 40px,
   riquadro bianco con il testo */
.wp-block-group.mm-avviso { display: flex; flex-direction: column; gap: 8px; padding: 24px; }
.wp-block-group.mm-avviso__head {
  --mm-tile-size: 40px;
  --mm-tile-radius: 50%;
  --mm-tile-bg: var(--wp--preset--color--surface);
  --mm-tile-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  --mm-tile-inset: 0 auto 0 0;
  --mm-ico-size: 22px;
  min-height: 40px;
  padding-left: 48px;
}
.mm-avviso__head::before, .mm-avviso__head::after { margin-block: auto; }
.wp-block-group.mm-avviso__head > * { margin: 0; }
.mm-avviso__head > .mm-avviso__title { font-weight: 700; line-height: 1.35; }
.wp-block-group.mm-avviso__box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding: 8px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, .8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.wp-block-group.mm-avviso__box > * { margin: 0; }
.mm-avviso__box > .mm-avviso__sub {
  --mm-ico-size: 18px;
  --mm-ico-gap: 8px;
  --mm-ico-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--on-surface);
  font-weight: 700;
  line-height: 1.55;
}
.mm-avviso__box > .mm-avviso__text { line-height: 1.625; }
.mm-avviso__text strong { color: var(--wp--preset--color--primary); font-weight: 700; }

/* --- 3. MAPPA: Copertina a tutta larghezza (480px, 540 da 1024px), velo Blu Notte al 20% --- */
.wp-block-cover.mm-mappa {
  min-height: 480px;
  margin-block: 0;
  padding: 24px var(--wp--style--root--padding-right) 24px var(--wp--style--root--padding-left);
  align-items: stretch;
}
.mm-mappa > .wp-block-cover__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1200px;
  margin-inline: auto;
}
.mm-mappa > .wp-block-cover__inner-container > * { margin: 0; }
@media (min-width: 1024px) {
  .wp-block-cover.mm-mappa { min-height: 540px; padding-block: 32px 40px; }
}

/* Etichetta in alto a sinistra (allineata alla griglia) */
.mm-mappa .mm-mappa__chip {
  --mm-ico-size: 20px;
  --mm-ico-gap: 8px;
  align-self: flex-start;
  padding: 8px 16px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, .9);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--label-caps);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}

/* Segnaposto (decorativo): cerchio Blu MM 48px con anello bianco, punta, etichetta Blu Notte */
.mm-mappa__marker { display: flex; flex-direction: column; align-items: center; }
.mm-mappa__pin {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary);
  box-shadow: 0 0 0 4px var(--wp--preset--color--surface), 0 25px 50px -12px rgba(0, 0, 0, .25);
}
.mm-mappa__pin::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--wp--preset--color--surface);
  -webkit-mask: var(--mm-ico-repair) center / 24px no-repeat;
  mask: var(--mm-ico-repair) center / 24px no-repeat;
}
/* onda che si espande dal segnaposto */
.mm-mappa__pin::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 8px;
  z-index: -1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary);
  opacity: .3;
}
.mm-mappa__tail {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-color: var(--wp--preset--color--primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
  transform: rotate(45deg);
}
.mm-mappa__label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 6px 14px;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--primary-deep);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  color: var(--wp--preset--color--surface);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: .025em;
  white-space: nowrap;
}
.mm-mappa__label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary-soft);
}
/* Da 768px il segnaposto sta al centro della mappa, come in Stitch (sotto resta tra etichetta e card).
   inset negativo = padding della copertina: centrato sull'intera mappa, non sul contenitore interno */
@media (min-width: 768px) {
  .mm-mappa > .wp-block-cover__inner-container > .mm-mappa__marker {
    position: absolute;
    inset: -24px 0;
    z-index: 1;
    width: fit-content;
    height: fit-content;
    margin: auto;
  }
}
@media (min-width: 1024px) {
  .mm-mappa > .wp-block-cover__inner-container > .mm-mappa__marker { inset: -32px 0 -40px; }
}
@media (prefers-reduced-motion: no-preference) {
  .mm-mappa__pin::before { animation: mm-mappa-ping 1s cubic-bezier(0, 0, .2, 1) infinite; }
  .mm-mappa__label::before { animation: mm-pulse 2s ease-in-out infinite; }
}
@keyframes mm-mappa-ping { 75%, 100% { opacity: 0; transform: scale(2); } }

/* Card della sede: bianca al 95%, 24px, larga al massimo 896px; in riga da 768px */
.wp-block-group.mm-mappa__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 896px;
  padding: 16px;
  border: 1px solid rgba(217, 227, 239, .6);
  border-radius: 24px;
  background-color: rgba(255, 255, 255, .95);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: var(--wp--preset--color--on-surface);
}
.wp-block-group.mm-mappa__card > * { margin: 0; }
@media (min-width: 640px) { .wp-block-group.mm-mappa__card { padding: 24px; } }
@media (min-width: 768px) {
  .wp-block-group.mm-mappa__card { flex-direction: row; align-items: center; justify-content: space-between; }
}
.wp-block-group.mm-mappa__sede {
  --mm-tile-size: 56px;
  --mm-tile-radius: 16px;
  --mm-tile-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  --mm-tile-inset: 0 auto auto 0;
  --mm-ico-size: 30px;
  min-height: 56px;
  padding-left: 72px;
}
/* da 640px icona centrata in verticale rispetto ai testi */
@media (min-width: 640px) {
  .wp-block-group.mm-mappa__sede { --mm-tile-inset: 0 auto 0 0; display: flex; flex-direction: column; justify-content: center; }
  .mm-mappa__sede::before, .mm-mappa__sede::after { margin-block: auto; }
}
.wp-block-group.mm-mappa__sede > * { margin: 0; }
.wp-block-group.mm-mappa__head { display: flex; align-items: center; gap: 8px; }
.wp-block-group.mm-mappa__head > * { margin: 0; }
.mm-mappa__head > .mm-mappa__title { font-family: var(--wp--preset--font-family--plus-jakarta-sans); font-weight: 700; line-height: 1.35; }
.mm-mappa__head > .mm-mappa__badge {
  display: none;
  flex: none;
  padding: 2px 10px;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--surface-blue);
  color: var(--wp--preset--color--primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
@media (min-width: 640px) { .mm-mappa__head > .mm-mappa__badge { display: inline-flex; } }
.mm-mappa__sede > .mm-mappa__address { margin-top: 2px; font-size: var(--wp--preset--font-size--body-sm); font-weight: 500; line-height: 1.55; }
.mm-mappa__sede > .mm-mappa__text { margin-top: 4px; color: rgba(74, 91, 112, .8); font-size: 12px; line-height: 16px; }
@media (min-width: 640px) {
  .mm-mappa__sede > .mm-mappa__address { font-size: var(--wp--preset--font-size--body-md); font-weight: 400; line-height: 1.6; }
  .mm-mappa__sede > .mm-mappa__text { font-size: var(--wp--preset--font-size--body-sm); line-height: 1.55; }
}
.wp-block-buttons.mm-mappa__actions { flex: none; width: 100%; }
.mm-mappa__actions > .wp-block-button { width: 100%; --mm-ico-size: 20px; }
.mm-mappa__actions .wp-block-button__link {
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 24px;
  border-radius: 12px;
  line-height: 1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  transition: background-color .2s, box-shadow .2s;
}
.mm-mappa__actions .wp-block-button__link:hover,
.mm-mappa__actions .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--primary-bright);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
}
@media (min-width: 640px) {
  .wp-block-buttons.mm-mappa__actions { width: auto; }
  .mm-mappa__actions > .wp-block-button, .mm-mappa__actions .wp-block-button__link { width: auto; }
}

/* --- 4. DOMANDE FREQUENTI: fascia Ghiaccio a tutta larghezza, 3 card (da 768px) --- */
.wp-block-group.mm-contatti-faq__inner > * { margin: 0; }
.wp-block-group.mm-contatti-faq__head { max-width: 720px; margin-bottom: 32px; }
.wp-block-group.mm-contatti-faq__head > * { margin: 0; }
.mm-contatti-faq__head > .mm-contatti__label { line-height: 24px; } /* in Stitch l'etichetta occupa una riga di testo da 24px */
.mm-contatti-faq__head > .mm-contatti-faq__title { margin-top: 4px; font-weight: 700; line-height: 1.15; letter-spacing: -.025em; }
.mm-contatti-faq__head > .mm-contatti-faq__text { margin-top: 8px; line-height: 1.6; }
.wp-block-group.mm-contatti-faq__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.wp-block-group.mm-contatti-faq__grid > * { margin: 0; }
@media (min-width: 768px) { .wp-block-group.mm-contatti-faq__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* Card: icona in riquadro Ghiaccio 40px, titolo 20px, testo 14px, piede con spunta in fondo */
.wp-block-group.mm-domanda {
  --mm-tile-size: 40px;
  --mm-tile-radius: 12px;
  --mm-tile-inset: 24px auto auto 24px;
  --mm-ico-size: 22px;
  display: flex;
  flex-direction: column;
  padding: 80px 24px 24px;
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  transition: box-shadow .2s;
}
.wp-block-group.mm-domanda:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); }
.wp-block-group.mm-domanda > * { margin: 0; }
.mm-domanda > .mm-domanda__title { margin-bottom: 8px; font-weight: 700; line-height: 1.35; letter-spacing: 0; }
.mm-domanda > .mm-domanda__text { line-height: 1.625; }
.mm-domanda > .mm-domanda__foot {
  --mm-ico-size: 16px;
  margin-top: auto;
  padding-top: 16px;
  color: var(--wp--preset--color--primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.wp-block-group.mm-domanda--urgente {
  --mm-tile-bg: var(--wp--preset--color--emergency-soft);
  --mm-ico-color: var(--wp--preset--color--emergency);
}
.mm-domanda--urgente > .mm-domanda__foot { color: var(--wp--preset--color--emergency); }

/* --- 5. CTA FINALE (dalla schermata Stitch "Contatti"): card Blu Notte 32px con aloni, testo a sinistra, bottone a destra --- */
.wp-block-group.mm-section.mm-contatti-cta { padding-block: 64px; }
.wp-block-group.mm-contatti-cta__card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  padding: 24px;
  background-image:
    radial-gradient(circle at calc(100% - 112px) calc(100% - 112px), rgba(26, 99, 191, .2) 0, rgba(26, 99, 191, 0) 256px),
    radial-gradient(circle at calc(66.667% - 128px) 128px, rgba(26, 99, 191, .15) 0, rgba(26, 99, 191, 0) 176px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}
.wp-block-group.mm-contatti-cta__card > * { margin: 0; }
@media (min-width: 640px) { .wp-block-group.mm-contatti-cta__card { padding: 64px; } }
@media (min-width: 1024px) {
  .wp-block-group.mm-contatti-cta__card { flex-direction: row; align-items: center; justify-content: space-between; }
}
.wp-block-group.mm-contatti-cta__content { display: flex; flex-direction: column; gap: 8px; max-width: 672px; }
.wp-block-group.mm-contatti-cta__content > * { margin: 0; }
.mm-contatti-cta__content > .mm-contatti-cta__chip {
  --mm-ico-size: 16px;
  --mm-ico-gap: 8px;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 9999px;
  background-color: rgba(212, 227, 254, .2);
  color: var(--wp--preset--color--primary-soft);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--label-caps);
  font-weight: 600;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.mm-contatti-cta__content > .mm-contatti-cta__title {
  font-size: var(--wp--preset--font-size--headline-md);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
}
.mm-contatti-cta__content > .mm-contatti-cta__text { font-size: var(--wp--preset--font-size--body-md); line-height: 1.6; }
@media (min-width: 640px) {
  .mm-contatti-cta__content > .mm-contatti-cta__title { font-size: var(--wp--preset--font-size--headline-lg); line-height: 1.1; }
  .mm-contatti-cta__content > .mm-contatti-cta__text { font-size: var(--wp--preset--font-size--body-lg); line-height: 1.65; }
}
.wp-block-buttons.mm-contatti-cta__actions { flex: none; }
.mm-contatti-cta__actions > .wp-block-button { --mm-ico-size: 20px; }
.mm-contatti-cta__actions .wp-block-button__link {
  gap: 8px;
  padding: 16px 32px;
  border-radius: 12px;
  font-weight: 700;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  transition: background-color .2s;
}
/* hover Blu Elettrico (quello del tema, Blu Notte, sparirebbe sul fondo della card) */
.mm-contatti-cta__actions .wp-block-button__link:hover,
.mm-contatti-cta__actions .wp-block-button__link:focus { background-color: var(--wp--preset--color--primary-bright); }
/* Telefoni: bottone a larghezza piena, "Chiama: +39 350 102 1729" su una riga anche a 360px */
@media (max-width: 639px) {
  .mm-contatti-cta__actions, .mm-contatti-cta__actions > .wp-block-button { width: 100%; }
  .mm-contatti-cta__actions .wp-block-button__link { justify-content: center; width: 100%; padding-inline: 8px; white-space: nowrap; }
}