/* =====================================================================
   HOME › CHI SIAMO IN BREVE + NUMERI — card bianca (7 col) + 3 riquadri numeri (5 col).
   Vedi design/DESIGN.md › Components › Stat tile.
   ===================================================================== */
.wp-block-group.mm-section.mm-chisiamo { padding-block: 32px; }
.wp-block-group.mm-chisiamo__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: center; }
.wp-block-group.mm-chisiamo__grid > * { margin: 0; }

/* --- Card testo --- */
.wp-block-group.mm-chisiamo__card {
  display: flex;
  flex-direction: column;
  padding: 32px;
  border-radius: 32px;
  box-shadow: 0 4px 20px rgba(6, 51, 107, .04);
}
.wp-block-group.mm-chisiamo__card > * { margin: 0; }
/* in Stitch la pillola sta in una riga di testo alta 23px: +3px sopra (stessa posizione al pixel) */
.mm-chisiamo__card > .mm-eyebrow { margin-top: 3px; margin-bottom: 24px; }
.mm-chisiamo__card > .mm-chisiamo__title { margin-bottom: 24px; line-height: 1.375; }
.mm-chisiamo__card > .mm-chisiamo__text { margin-bottom: 32px; line-height: 1.625; }
.wp-block-group.mm-chisiamo__footer { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 16px; }
.wp-block-group.mm-chisiamo__footer > * { margin: 0; }

/* --- Numeri: icona in riquadro a destra, centrata in verticale --- */
.wp-block-group.mm-stats { display: flex; flex-direction: column; gap: 16px; }
.wp-block-group.mm-stats > * { margin: 0; }
.wp-block-group.mm-stat {
  --mm-tile-size: 48px;
  --mm-tile-radius: 12px;
  --mm-tile-inset: calc(50% - 24px) 24px auto auto;
  --mm-tile-bg: var(--wp--preset--color--surface);
  --mm-tile-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  --mm-ico-size: 24px;
  --mm-ico-color: var(--wp--preset--color--primary-bright);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px 88px 24px 24px;
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.wp-block-group.mm-stat > * { margin: 0; }
.mm-stat__num {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.03em;
}
.mm-stat__label {
  color: var(--wp--preset--color--on-surface-variant);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.mm-stat--bright .mm-stat__num { color: var(--wp--preset--color--primary-bright); }
.wp-block-group.mm-stat--dark {
  --mm-tile-bg: rgba(255, 255, 255, .1);
  --mm-tile-shadow: none;
  --mm-ico-color: var(--wp--preset--color--surface);
  box-shadow: 0 8px 24px rgba(6, 51, 107, .16);
}
.mm-stat--dark .mm-stat__num { color: var(--wp--preset--color--surface); }
.mm-stat--dark .mm-stat__label { color: var(--wp--preset--color--primary-soft); }

@media (min-width: 768px) {
  .wp-block-group.mm-chisiamo__card { padding: 56px; }
}
@media (min-width: 1024px) {
  .wp-block-group.mm-chisiamo__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .wp-block-group.mm-chisiamo__card { grid-column: span 7; }
  .wp-block-group.mm-stats { grid-column: span 5; }
}