/* ==========================================================================
   Blocco EASY INTRODUCE (variante con elenco) — responsive
   PROVVISORIO. Nessuna riga fuori da @media.
   ========================================================================== */

/* --- <= 1279 · il titolo smette di essere `nowrap` ------------------------
   "Built to fit your existing systems." a 48px e larga 757px: sommata ai 346
   fissi del paragrafo a destra, sotto i 1280 sfonda la pagina. Il titolo
   torna a fluire e il paragrafo diventa elastico con un tetto a 346. */
@media (max-width: 1279px) {
  .easy2__titolo { white-space: normal; }

  .easy2__lead {
    flex: 0 1 346px;
    width: auto;
    max-width: 346px;
  }
}

/* --- <= 1023 · intestazione e card in colonna ---------------------------- */
@media (max-width: 1023px) {
  .easy2__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

  .easy2__lead {
    flex: 0 0 auto;
    max-width: none;
    width: 100%;
  }

  .easy2__cards {
    flex-direction: column;
    align-items: stretch;
    margin-top: 56px;
  }

  .easy2-card {
    height: auto;
    min-height: 420px;
    padding: var(--space-4);
  }
}

/* --- <= 767 · mobile ------------------------------------------------------ */
@media (max-width: 767px) {
  .easy2__cards { margin-top: 48px; }

  .easy2-card {
    min-height: 360px;
    padding: 24px;
  }

  /* Su card piu basse la velatura deve partire prima, altrimenti il testo
     finisce su una parte ancora chiara dell'immagine. */
  .easy2-card__velo {
    background: linear-gradient(180deg, rgb(0 18 43 / 0) 10%, #00122b 90%);
  }
}


/* --------------------------------------------------------------------------
   <= 1023 · IL VELO SULLA FOTO SI ALZA

   Stessa ragione della card di Easy Introduce sulla Home, misurata allo
   stesso modo. Il velo del mockup e trasparente fino a un quarto
   dell'altezza: a 1512 il testo occupa il terzo basso della card e cade
   sempre sul fondo scuro. Impilando le card su una colonna il testo cresce e
   il titolo comincia al 34-48% dell'altezza — dove il velo e opaco solo per
   un decimo, cioe sopra la fotografia nuda. Su una foto chiara il bianco su
   bianco non si legge.

   Qui il velo parte gia velato in cima e chiude prima. La fotografia si vede
   ancora, ma il testo ha sempre un fondo sotto.
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .easy2-card__velo {
    background: linear-gradient(180deg,
      rgb(0 18 43 / .28) 0%,
      rgb(0 18 43 / .70) 34%,
      #00122b 86%);
  }
}