/* ── Avacy Button CTA (blocco Gutenberg) ── */

.AvacyButtonCta {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 32px 40px;
  border-radius: 24px;
  margin: 2rem 0;
  /* Card chiara Avacy, senza bordo, con box shadow; fallback per l'iframe editor. */
  background-color: var(--e-global-color-42b1d8c, #eef2f9);
  color: #282828;
  border: 0;
  box-shadow: 0 0 10px rgba(127, 167, 209, 0.32);
}

.AvacyButtonCta *,
.AvacyButtonCta *::before,
.AvacyButtonCta *::after {
  box-sizing: border-box;
}

.AvacyButtonCta__Body {
  flex: 1 1 55%;
  min-width: 0;
}

.AvacyButtonCta__Title {
  margin: 0 0 0.5rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--e-global-color-6658b4b, #2f3646);
}

.AvacyButtonCta__Description {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
}

.AvacyButtonCta__Action {
  flex: 0 0 auto;
}

/* Testo per soli screen reader (es. avviso "si apre in una nuova scheda"). */
.AvacyButtonCta .screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Bottone outline navy: bordo e testo navy, riempimento navy al hover. */
.AvacyButtonCta .AvacyButtonCta__Button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border-radius: 3px;
  border: 2px solid var(--e-global-color-6658b4b, #2f3646);
  background-color: transparent;
  color: var(--e-global-color-6658b4b, #2f3646) !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.AvacyButtonCta .AvacyButtonCta__Button:hover,
.AvacyButtonCta .AvacyButtonCta__Button:focus-visible {
  background-color: var(--e-global-color-6658b4b, #2f3646);
  color: #fff !important;
}

.AvacyButtonCta .AvacyButtonCta__Button:focus-visible {
  outline: 2px solid var(--e-global-color-6658b4b, #2f3646);
  outline-offset: 2px;
}

/* Da tablet in giù il titolo scende a 20px. */
@media (max-width: 1024px) {
  .AvacyButtonCta__Title {
    font-size: 20px;
  }
}

/* Da mobile: contenuto impilato e bottone a tutta larghezza. */
@media (max-width: 767px) {
  .AvacyButtonCta {
    padding: 24px;
  }

  .AvacyButtonCta__Body,
  .AvacyButtonCta__Action {
    flex: 1 1 100%;
    width: 100%;
  }

  .AvacyButtonCta .AvacyButtonCta__Button {
    width: 100%;
  }
}