@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

.bento-information-block,
.bento-information-block *,
.bento-information-block *::before,
.bento-information-block *::after {
  box-sizing: border-box
}

.bento-information-block {
  --c1: #00379E;
  --c2: #00B7EC;
  --c3: #FFE100;
  --c4: #D15DAC;
  --c5: #FB6902;
  --lime: #FFE100;
  --blusuper: #122F75;
  --bg: #f3f5fb;
  --radius: 22px;
  --radius-full: 28px;
  --tr: .45s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .contenitore {
  
  margin-inline: auto;
  padding: 55px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap
}

.bento-information-block .wrap {
  font-family: Inter, sans-serif;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  width: 100%
}

.bento-information-block .bento {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.bento-information-block .bib-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%
}

.bento-information-block .bib-row--single {
  grid-template-columns: 1fr
}

.bento-information-block .bib-row>.dc {
  grid-column: span 1
}

.bento-information-block .bib-row>.dc:nth-child(2) {
  grid-column: span 3
}

.bento-information-block .bib-row--reverse>.dc:first-child {
  grid-column: span 3
}

.bento-information-block .bib-row--reverse>.dc:nth-child(2) {
  grid-column: span 1
}

.bento-information-block .dc {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  text-decoration: none;
  transition: transform var(--tr), box-shadow var(--tr);
  cursor: default
}

.bento-information-block .dc:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(0, 0, 0, .13)
}

.bento-information-block .dc--blue {
  background: var(--c1)
}

.bento-information-block .dc--blue2 {
  background: #001f6b
}

.bento-information-block .dc--white {
  background: #fff;
  border: 1.5px solid rgba(0, 55, 158, .10)
}

.bento-information-block .dc--light {
  background: #eef4ff;
  border: 1.5px solid rgba(0, 55, 158, .10)
}

.bento-information-block .deco,
.bento-information-block .mgg-deco {
  position: absolute;
  pointer-events: none;
  transition: opacity var(--tr), transform .6s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .deco--br {
  right: -50px;
  bottom: -60px;
  width: 260px;
  opacity: .07
}

.bento-information-block .dc:hover .deco--br {
  opacity: .15;
  transform: scale(1.08) rotate(4deg)
}

.bento-information-block .dc--blue .deco-fill,
.bento-information-block .dc--blue2 .deco-fill {
  fill: #fff
}

.bento-information-block .dc--white .deco-fill,
.bento-information-block .dc--light .deco-fill {
  fill: var(--c1)
}

.bento-information-block .hbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 0 0 var(--radius) var(--radius);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .dc:hover .hbar {
  transform: scaleX(1)
}

.bento-information-block .dc--blue .hbar,
.bento-information-block .dc--blue2 .hbar {
  background: linear-gradient(90deg, var(--c5), var(--c4))
}

.bento-information-block .dc--white .hbar,
.bento-information-block .dc--light .hbar {
  background: linear-gradient(90deg, var(--c2), var(--c3))
}

.bento-information-block .dc-main {
  position: relative;
  z-index: 2
}

.bento-information-block .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 14px
}

.bento-information-block .dc--blue .eyebrow,
.bento-information-block .dc--blue2 .eyebrow {
  color: var(--c3)
}

.bento-information-block .dc--white .eyebrow,
.bento-information-block .dc--light .eyebrow {
  color: var(--c2)
}

.bento-information-block .eline {
  display: block;
  height: 1.5px;
  width: 20px;
  border-radius: 99px;
  flex-shrink: 0
}

.bento-information-block .dc--blue .eline,
.bento-information-block .dc--blue2 .eline {
  background: var(--c3)
}

.bento-information-block .dc--white .eline,
.bento-information-block .dc--light .eline {
  background: var(--c2)
}

.bento-information-block .ttl {
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.03em;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  overflow-wrap: break-word
}

.bento-information-block .dc--blue .ttl,
.bento-information-block .dc--blue2 .ttl {
  color: #fff
}

.bento-information-block .dc--white .ttl,
.bento-information-block .dc--light .ttl {
  color: var(--c1)
}

.bento-information-block .aline {
  display: block;
  height: 3px;
  border-radius: 99px;
  width: 0;
  transition: width .5s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .dc:hover .aline {
  width: 44px
}

.bento-information-block .dc--blue .aline,
.bento-information-block .dc--blue2 .aline {
  background: var(--c5)
}

.bento-information-block .dc--white .aline,
.bento-information-block .dc--light .aline {
  background: var(--c2)
}

.bento-information-block .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 20px
}

.bento-information-block .pdf-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 100px
}

.bento-information-block .dc--blue .pdf-tag,
.bento-information-block .dc--blue2 .pdf-tag {
  background: rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .75)
}

.bento-information-block .dc--white .pdf-tag,
.bento-information-block .dc--light .pdf-tag {
  background: rgba(0, 55, 158, .08);
  color: #5a7ca8
}

.bento-information-block .pdf-tag svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0
}

.bento-information-block .btn,
.bento-information-block .mgg-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 12px 22px;
  border-radius: 100px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  letter-spacing: .01em;
  transition: background var(--tr), transform var(--tr);
  white-space: nowrap
}

.bento-information-block .mgg-btn {
  gap: 11px;
  font-size: 13.5px;
  padding: 15px 28px
}

.bento-information-block .btn--orange,
.bento-information-block .mgg-btn--orange {
  background: var(--c5);
  color: #fff
}

.bento-information-block .btn--orange:hover,
.bento-information-block .mgg-btn--orange:hover {
  background: var(--c4)
}

.bento-information-block .btn--blue,
.bento-information-block .mgg-btn--blue {
  background: var(--c1);
  color: #fff
}

.bento-information-block .btn--blue:hover,
.bento-information-block .mgg-btn--blue:hover {
  background: var(--c2)
}

.bento-information-block .btn--cyan {
  background: var(--c2);
  color: #fff
}

.bento-information-block .btn--cyan:hover {
  background: var(--c1)
}

.bento-information-block .btn:hover,
.bento-information-block .mgg-btn:hover {
  transform: scale(1.03)
}

.bento-information-block .barrow,
.bento-information-block .mgg-btn-arrow {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .22);
  flex-shrink: 0;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .mgg-btn-arrow {
  width: 22px;
  height: 22px
}

.bento-information-block .btn:hover .barrow,
.bento-information-block .mgg-btn:hover .mgg-btn-arrow {
  transform: translateX(4px)
}

.bento-information-block .mgg-card {
  position: relative;
  border-radius: var(--radius-full);
  overflow: hidden;
  padding: 56px 72px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 48px;
  min-height: 300px;
  transition: transform var(--tr), box-shadow var(--tr);
  cursor: default
}

.bento-information-block .mgg-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 64px rgba(0, 0, 0, .10)
}

.bento-information-block .mgg-card--blue {
  background: var(--c1)
}

.bento-information-block .mgg-card--white {
  background: #fff;
  border: 1.5px solid rgba(0, 55, 158, .10)
}

.bento-information-block .mgg-deco--br {
  right: 111px;
  bottom: -371px;
  width: 380px;
  opacity: .07;
  transform: rotate(24deg);
}

.bento-information-block .mgg-deco--tl {
  top: -50px;
  left: -30px;
  width: 160px;
  opacity: .05;
  transform: rotate(180deg)
}

.bento-information-block .mgg-card:hover .mgg-deco--br {
  opacity: .13;
  transform: scale(1.06) rotate(4deg)
}

.bento-information-block .mgg-card:hover .mgg-deco--tl {
  opacity: .09
}

.bento-information-block .mgg-card--blue .mgg-deco-fill {
  fill: #fff
}

.bento-information-block .mgg-card--white .mgg-deco-fill {
  fill: var(--c1)
}

.bento-information-block .mgg-left,
.bento-information-block .mgg-right {
  position: relative;
  z-index: 2
}

.bento-information-block .mgg-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px
}

.bento-information-block .mgg-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 28px
}

.bento-information-block .mgg-card--blue .mgg-eyebrow {
  color: var(--c3)
}

.bento-information-block .mgg-card--white .mgg-eyebrow {
  color: var(--c2)
}

.bento-information-block .mgg-eyebrow-line {
  display: block;
  height: 1.5px;
  width: 28px;
  border-radius: 99px;
  flex-shrink: 0
}

.bento-information-block .mgg-card--blue .mgg-eyebrow-line {
  background: var(--c3)
}

.bento-information-block .mgg-card--white .mgg-eyebrow-line {
  background: var(--c2)
}

.bento-information-block .mgg-title {
  font-size: clamp(32px, 3vw, 48px);
  font-weight: 900;
  line-height: 1.03;
  letter-spacing: -.03em;
  margin-bottom: 14px
}

.bento-information-block .mgg-card--blue .mgg-title {
  color: #fff
}

.bento-information-block .mgg-card--white .mgg-title {
  color: var(--c1)
}

.bento-information-block .mgg-accent-line {
  display: block;
  height: 4px;
  border-radius: 99px;
  width: 0;
  transition: width .5s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .mgg-card:hover .mgg-accent-line {
  width: 52px
}

.bento-information-block .mgg-card--blue .mgg-accent-line {
  background: var(--c5)
}

.bento-information-block .mgg-card--white .mgg-accent-line {
  background: var(--c2)
}

.bento-information-block .mgg-body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  max-width: 420px;
  margin: 0
}

.bento-information-block .mgg-card--blue .mgg-body {
  color: rgba(255, 255, 255, .68)
}

.bento-information-block .mgg-card--white .mgg-body {
  color: #5a7ca8
}

.bento-information-block .mgg-foot {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap
}

.bento-information-block .mgg-ghost {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1.5px solid transparent;
  transition: border-color .2s, color .2s
}

.bento-information-block .mgg-card--blue .mgg-ghost {
  color: rgba(255, 255, 255, .45)
}

.bento-information-block .mgg-card--blue .mgg-ghost:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, .4)
}

.bento-information-block .mgg-card--white .mgg-ghost {
  color: #a0b8d8
}

.bento-information-block .mgg-card--white .mgg-ghost:hover {
  color: var(--c1);
  border-color: var(--c2)
}

.bento-information-block .mgg-hover-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 0 0 var(--radius-full) var(--radius-full);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.22, 1, .36, 1)
}

.bento-information-block .mgg-card:hover .mgg-hover-bar {
  transform: scaleX(1)
}

.bento-information-block .mgg-card--blue .mgg-hover-bar {
  background: linear-gradient(90deg, var(--c5), var(--c4))
}

.bento-information-block .mgg-card--white .mgg-hover-bar {
  background: linear-gradient(90deg, var(--c2), var(--c3))
}

.bento-information-block .mgg-vdivider {
  position: absolute;
  left: 50%;
  top: 15%;
  bottom: 15%;
  width: 1px;
  z-index: 2;
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .5s cubic-bezier(.22, 1, .36, 1) .1s
}

.bento-information-block .mgg-card:hover .mgg-vdivider {
  transform: scaleY(1)
}

.bento-information-block .mgg-card--blue .mgg-vdivider {
  background: rgba(255, 255, 255, .12)
}

.bento-information-block .mgg-card--white .mgg-vdivider {
  background: rgba(0, 55, 158, .08)
}

@media(max-width:980px) {
  .bento-information-block .mgg-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 32px;
    gap: 28px;
    min-height: auto
  }

  .bento-information-block .mgg-vdivider {
    display: none
  }

  .bento-information-block .mgg-deco--br {
    width: 220px;
    right: -20px;
    bottom: -40px
  }

  .bento-information-block .mgg-deco--tl {
    width: 120px
  }
}

@media(max-width:760px) {
  .bento-information-block .contenitore {
    /* width: min(100% - 18px * 2, 1440px); */
    padding: 32px 0
  }

  .bento-information-block .bib-row,
  .bento-information-block .bib-row--single {
    grid-template-columns: 1fr 1fr;
    gap: 14px
  }

  .bento-information-block .bib-row>.dc,
  .bento-information-block .bib-row>.dc:nth-child(2),
  .bento-information-block .bib-row--reverse>.dc:first-child,
  .bento-information-block .bib-row--reverse>.dc:nth-child(2) {
    grid-column: auto
  }

  .bento-information-block .bib-row--single>.dc,
  .bento-information-block .bib-row--single>.mgg-card {
    grid-column: 1/3
  }

  .bento-information-block .dc {
    padding: 28px 24px;
    min-height: 220px
  }

  .bento-information-block .foot {
    align-items: flex-start;
    flex-direction: column
  }

  .bento-information-block .btn {
    width: 100%;
    justify-content: space-between
  }
}

@media(max-width:500px) {
  .bento-information-block .contenitore {
    /* width: min(100% - 12px * 2, 1440px); */
    padding: 24px 0
  }

  .bento-information-block .bib-row,
  .bento-information-block .bib-row--single {
    grid-template-columns: 1fr;
    gap: 12px
  }

  .bento-information-block .bib-row>.dc,
  .bento-information-block .bib-row--single>.dc,
  .bento-information-block .bib-row--single>.mgg-card {
    grid-column: 1
  }

  .bento-information-block .dc {
    min-height: 230px;
    padding: 26px 22px;
    border-radius: 18px
  }

  .bento-information-block .mgg-card {
    padding: 32px 24px;
    border-radius: 20px
  }

  .bento-information-block .mgg-foot {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
  }

  .bento-information-block .mgg-title {
    font-size: 30px
  }
}


/* v4.2 — Variante Standard: bottone lime con testo/freccia blu */
.bento-information-block .dc--blue .btn,
.bento-information-block .mgg-card--blue .mgg-btn {
  background: var(--lime);
  color: var(--blusuper);
}

.bento-information-block .dc--blue .btn svg path,
.bento-information-block .mgg-card--blue .mgg-btn svg path {
  stroke: var(--blusuper);
}

.bento-information-block .dc--blue .barrow,
.bento-information-block .mgg-card--blue .mgg-btn-arrow {
  background: rgba(18, 47, 117, .12);
}

/* Hover invariato come prima */
.bento-information-block .dc--blue .btn:hover,
.bento-information-block .mgg-card--blue .mgg-btn:hover {
  background: var(--c4);
  color: #fff;
}

.bento-information-block .dc--blue .btn:hover svg path,
.bento-information-block .mgg-card--blue .mgg-btn:hover svg path {
  stroke: #fff;
}

.bento-information-block .dc--blue .btn:hover .barrow,
.bento-information-block .mgg-card--blue .mgg-btn:hover .mgg-btn-arrow {
  background: rgba(255, 255, 255, .22);
}


/* ===== Bento Information v4.5 patch ===== */

/* Nuove variabili */
.bento-information-block {
  --lime: #FFE100;
  --blusuper: #122F75;
}

/* SOLO variante Standard: bottone giallo/blu di default */
.bento-information-block .dc.dc--blue:not([style*="--bib-custom-btn-bg"]) .btn,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-btn-bg"]) .mgg-btn {
  background: var(--lime) !important;
  color: var(--blusuper) !important;
}

.bento-information-block .dc.dc--blue:not([style*="--bib-custom-btn-bg"]) .btn svg path,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-btn-bg"]) .mgg-btn svg path {
  stroke: var(--blusuper) !important;
}

.bento-information-block .dc.dc--blue:not([style*="--bib-custom-btn-bg"]) .barrow,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-btn-bg"]) .mgg-btn-arrow {
  background: rgba(18, 47, 117, .12) !important;
}

/* Colore custom per ogni singola card: si attiva SOLO se presente lo style inline */
.bento-information-block .dc[style*="--bib-custom-btn-bg"] .btn,
.bento-information-block .mgg-card[style*="--bib-custom-btn-bg"] .mgg-btn {
  background: var(--bib-custom-btn-bg) !important;
}

.bento-information-block .dc[style*="--bib-custom-btn-color"] .btn,
.bento-information-block .mgg-card[style*="--bib-custom-btn-color"] .mgg-btn {
  color: var(--bib-custom-btn-color) !important;
}

.bento-information-block .dc[style*="--bib-custom-btn-color"] .btn svg path,
.bento-information-block .mgg-card[style*="--bib-custom-btn-color"] .mgg-btn svg path {
  stroke: var(--bib-custom-btn-color) !important;
}

.bento-information-block .dc[style*="--bib-custom-btn-color"] .barrow,
.bento-information-block .mgg-card[style*="--bib-custom-btn-color"] .mgg-btn-arrow {
  background: rgba(18, 47, 117, .12) !important;
}

/* aline/hbar seguono SOLO standard o colore custom */
.bento-information-block .dc.dc--blue:not([style*="--bib-custom-accent"]) .aline,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-accent"]) .mgg-accent-line {
  background: var(--lime) !important;
}

.bento-information-block .dc.dc--blue:not([style*="--bib-custom-accent"]) .hbar,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-accent"]) .mgg-hover-bar {
  background: linear-gradient(90deg, var(--lime), rgba(255, 255, 255, .75)) !important;
}

.bento-information-block .dc[style*="--bib-custom-accent"] .aline,
.bento-information-block .mgg-card[style*="--bib-custom-accent"] .mgg-accent-line {
  background: var(--bib-custom-accent) !important;
}

.bento-information-block .dc[style*="--bib-custom-accent"] .hbar,
.bento-information-block .mgg-card[style*="--bib-custom-accent"] .mgg-hover-bar {
  background: linear-gradient(90deg, var(--bib-custom-accent), rgba(255, 255, 255, .75)) !important;
}

/* Hover uguale a prima */
.bento-information-block .dc .btn:hover,
.bento-information-block .mgg-card .mgg-btn:hover {
  background: var(--c4) !important;
  color: #fff !important;
}

.bento-information-block .dc .btn:hover svg path,
.bento-information-block .mgg-card .mgg-btn:hover svg path {
  stroke: #fff !important;
}

.bento-information-block .dc .btn:hover .barrow,
.bento-information-block .mgg-card .mgg-btn:hover .mgg-btn-arrow {
  background: rgba(255, 255, 255, .22) !important;
}

/* S decorative appena più grandi */
.bento-information-block .deco--br {
  width: 278px;
}

.bento-information-block .mgg-deco--br {
  width: 398px;
}

.bento-information-block .mgg-deco--tl {
  width: 168px;
}

/* Desktop: allargo davvero la colonna più piccola senza toccare le righe singole */
.bento-information-block .bib-row:not(.bib-row--single) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bento-information-block .bib-row:not(.bib-row--single)>.dc:first-child {
  grid-column: span 2;
}

.bento-information-block .bib-row:not(.bib-row--single)>.dc:nth-child(2) {
  grid-column: span 3;
}

.bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:first-child {
  grid-column: span 3;
}

.bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:nth-child(2) {
  grid-column: span 2;
}

/* Le righe a una colonna restano SEMPRE 100% */
.bento-information-block .bib-row.bib-row--single {
  grid-template-columns: 1fr !important;
}

.bento-information-block .bib-row.bib-row--single>.dc,
.bento-information-block .bib-row.bib-row--single>.mgg-card {
  grid-column: 1 / -1 !important;
}

/* Range intermedio: migliora due colonne, ma non tocca mai le righe singole */
@media (max-width:1350px) and (min-width:761px) {
  .bento-information-block .bib-row:not(.bib-row--single) {
    grid-template-columns: minmax(280px, 1.35fr) minmax(0, 2.65fr);
  }

  .bento-information-block .bib-row--reverse:not(.bib-row--single) {
    grid-template-columns: minmax(0, 2.65fr) minmax(280px, 1.35fr);
  }

  .bento-information-block .bib-row:not(.bib-row--single)>.dc,
  .bento-information-block .bib-row:not(.bib-row--single)>.dc:nth-child(2),
  .bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:first-child,
  .bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:nth-child(2) {
    grid-column: auto;
  }

  .bento-information-block .bib-row.bib-row--single {
    grid-template-columns: 1fr !important;
  }

  .bento-information-block .bib-row.bib-row--single>.dc,
  .bento-information-block .bib-row.bib-row--single>.mgg-card {
    grid-column: 1 / -1 !important;
  }

  .bento-information-block .dc {
    padding: 30px 28px;
  }

  .bento-information-block .foot {
    flex-direction: column;
    align-items: flex-start;
  }

  .bento-information-block .btn {
    width: auto !important;
    max-width: 100%;
    align-self: flex-start;
    justify-content: flex-start;
    white-space: normal;
    line-height: 1.2;
  }
}

/* Mobile: bottone mai full width */
@media (max-width:760px) {

  .bento-information-block .btn,
  .bento-information-block .mgg-btn {
    width: auto !important;
    max-width: 100%;
    align-self: flex-start;
    justify-content: flex-start;
  }
}


/* ===== Bento Information v4.6 definitive overrides ===== */
.bento-information-block {
  --lime: #FFE100 ;
  --blusuper: #122F75;
}

/* Custom colors only when user sets them */
.bento-information-block .dc[style*="--bib-custom-btn-bg"] .btn,
.bento-information-block .mgg-card[style*="--bib-custom-btn-bg"] .mgg-btn {
  background: var(--bib-custom-btn-bg) !important;
}

.bento-information-block .dc[style*="--bib-custom-btn-color"] .btn,
.bento-information-block .mgg-card[style*="--bib-custom-btn-color"] .mgg-btn {
  color: var(--bib-custom-btn-color) !important;
}

.bento-information-block .dc[style*="--bib-custom-btn-color"] .btn svg path,
.bento-information-block .mgg-card[style*="--bib-custom-btn-color"] .mgg-btn svg path {
  stroke: var(--bib-custom-btn-color) !important;
}

.bento-information-block .dc[style*="--bib-custom-accent"] .aline,
.bento-information-block .mgg-card[style*="--bib-custom-accent"] .mgg-accent-line {
  background: var(--bib-custom-accent) !important;
}

.bento-information-block .dc[style*="--bib-custom-accent"] .hbar,
.bento-information-block .mgg-card[style*="--bib-custom-accent"] .mgg-hover-bar {
  background: linear-gradient(90deg, var(--bib-custom-accent), rgba(255, 255, 255, .75)) !important;
}

/* Standard only default lime/blue */
.bento-information-block .dc.dc--blue:not([style*="--bib-custom-btn-bg"]) .btn,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-btn-bg"]) .mgg-btn {
  background: #FFE100 !important;
  color: #122F75 !important;
}

.bento-information-block .dc.dc--blue:not([style*="--bib-custom-btn-color"]) .btn svg path,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-btn-color"]) .mgg-btn svg path {
  stroke: #122F75 !important;
}

.bento-information-block .dc.dc--blue:not([style*="--bib-custom-accent"]) .aline,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-accent"]) .mgg-accent-line {
  background: #FFE100 !important;
}

.bento-information-block .dc.dc--blue:not([style*="--bib-custom-accent"]) .hbar,
.bento-information-block .mgg-card.mgg-card--blue:not([style*="--bib-custom-accent"]) .mgg-hover-bar {
  background: linear-gradient(90deg, #FFE100, rgba(255, 255, 255, .75)) !important;
}

/* Preserve hover */
.bento-information-block .dc .btn:hover,
.bento-information-block .mgg-card .mgg-btn:hover {
  background: var(--c4) !important;
  color: #fff !important;
}

.bento-information-block .dc .btn:hover svg path,
.bento-information-block .mgg-card .mgg-btn:hover svg path {
  stroke: #fff !important;
}

.bento-information-block .dc .btn:hover .barrow,
.bento-information-block .mgg-card .mgg-btn:hover .mgg-btn-arrow {
  background: rgba(255, 255, 255, .22) !important;
}

/* Slightly larger S */
.bento-information-block .deco--br {
  width: 278px !important;
}

.bento-information-block .mgg-deco--br {
  width: 791px !important;
}

.bento-information-block .mgg-deco--tl {
  width: 168px !important;
}

/* Two-card desktop: 40/60, single always 100% */
.bento-information-block .bib-row:not(.bib-row--single) {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.bento-information-block .bib-row:not(.bib-row--single)>.dc:first-child {
  grid-column: span 3 !important;
}

.bento-information-block .bib-row:not(.bib-row--single)>.dc:nth-child(2) {
  grid-column: span 3 !important;
}

.bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:first-child {
  grid-column: span 3 !important;
}

.bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:nth-child(2) {
  grid-column: span 3 !important;
}

.bento-information-block .bib-row.bib-row--single {
  grid-template-columns: 1fr !important;
}

.bento-information-block .bib-row.bib-row--single>.dc,
.bento-information-block .bib-row.bib-row--single>.mgg-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

@media (max-width:1350px) and (min-width:901px) {
  .bento-information-block .bib-row:not(.bib-row--single) {
    grid-template-columns: minmax(280px, 2fr) minmax(0, 3fr) !important;
  }

  .bento-information-block .bib-row--reverse:not(.bib-row--single) {
    grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr) !important;
  }

  .bento-information-block .bib-row:not(.bib-row--single)>.dc,
  .bento-information-block .bib-row:not(.bib-row--single)>.dc:nth-child(2),
  .bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:first-child,
  .bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:nth-child(2) {
    grid-column: auto !important;
  }

  .bento-information-block .bib-row.bib-row--single {
    grid-template-columns: 1fr !important;
  }

  .bento-information-block .bib-row.bib-row--single>.dc,
  .bento-information-block .bib-row.bib-row--single>.mgg-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width:900px) {

  .bento-information-block .bib-row,
  .bento-information-block .bib-row:not(.bib-row--single),
  .bento-information-block .bib-row--reverse:not(.bib-row--single) {
    grid-template-columns: 1fr !important;
  }

  .bento-information-block .bib-row>.dc,
  .bento-information-block .bib-row>.dc:nth-child(2),
  .bento-information-block .bib-row--reverse>.dc:first-child,
  .bento-information-block .bib-row--reverse>.dc:nth-child(2),
  .bento-information-block .bib-row>.mgg-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width:1350px) {

  .bento-information-block .btn,
  .bento-information-block .mgg-btn {
    width: auto !important;
    max-width: 100% !important;
    align-self: flex-start !important;
    justify-content: flex-start !important;
  }
}


/* ===== Bento Information v4.7 ===== */
.bento-information-block .dc[style*="--bib-custom-btn-hover"] .btn:hover,
.bento-information-block .mgg-card[style*="--bib-custom-btn-hover"] .mgg-btn:hover {
  background: var(--bib-custom-btn-hover) !important;
  color: #fff !important;
}

.bento-information-block .dc[style*="--bib-custom-btn-hover"] .btn:hover svg path,
.bento-information-block .mgg-card[style*="--bib-custom-btn-hover"] .mgg-btn:hover svg path {
  stroke: #fff !important;
}
/* SVG Bk gestione */
@media (max-width:1230px) {
  .bento-information-block .mgg-deco--br {
  width: 601px !important;
}
  .bento-information-block .mgg-deco--br {
  right: 1px;
  bottom: -221px;
  
}
}


/* two columns stay side-by-side until 901px */
@media (min-width:901px) {
  .bento-information-block .bib-row:not(.bib-row--single) {
    display: grid !important;
    grid-template-columns: minmax(300px, 2fr) minmax(0, 3fr) !important;
  }

  .bento-information-block .bib-row--reverse:not(.bib-row--single) {
    grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr) !important;
  }

  .bento-information-block .bib-row:not(.bib-row--single)>.dc:first-child,
  .bento-information-block .bib-row:not(.bib-row--single)>.dc:nth-child(2),
  .bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:first-child,
  .bento-information-block .bib-row--reverse:not(.bib-row--single)>.dc:nth-child(2) {
    grid-column: auto !important;
    width: auto !important;
  }

  .bento-information-block .bib-row.bib-row--single {
    grid-template-columns: 1fr !important;
  }

  .bento-information-block .bib-row.bib-row--single>.dc,
  .bento-information-block .bib-row.bib-row--single>.mgg-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* below 900: one column, each card 100% */
@media (max-width:900px) {

  .bento-information-block .bib-row,
  .bento-information-block .bib-row:not(.bib-row--single),
  .bento-information-block .bib-row--reverse:not(.bib-row--single) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .bento-information-block .bib-row>.dc,
  .bento-information-block .bib-row>.dc:nth-child(2),
  .bento-information-block .bib-row--reverse>.dc:first-child,
  .bento-information-block .bib-row--reverse>.dc:nth-child(2),
  .bento-information-block .bib-row>.mgg-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .bento-information-block .mgg-deco--br {
  right: 19px;
  bottom: -147px;
  }
  .bento-information-block .mgg-deco--br {
        width: 564px !important;
  }
}

@media (max-width:774px) {
  .bento-information-block .mgg-deco--tl {
    display: none;
  }
}
@media (max-width:514px) {
   .bento-information-block .mgg-deco--br {
    right: -20px;
    bottom: -54px;
  }
}