/* ==========================================================================
   Blocco COPPIA DI CARD DI SOLO TESTO — responsive
   PROVVISORIO. Nessuna riga fuori da @media.
   ========================================================================== */


/* --------------------------------------------------------------------------
   <= 1279 · Laptop — 80px di padding su una card che si stringe
   A 1024 la card e larga 496 e 80 per lato ne lascerebbero 336 al testo.
   -------------------------------------------------------------------------- */
@media (max-width: 1279px) {
  .coppia-card { padding: var(--space-5); }       /* 80 -> 40 */
}


/* --------------------------------------------------------------------------
   <= 1023 · Tablet — le due card si impilano
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .coppia { padding-block: 96px; }                /* 160 -> 96, scala del core */

  .coppia__riga {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-5);                          /* 16 -> 40: impilate hanno
                                                     bisogno di piu stacco */
  }

  /* In colonna il `flex: 1 0 0` diventerebbe una base sull'altezza. */
  .coppia-card { flex: none; }
}


/* --------------------------------------------------------------------------
   <= 767 · Mobile
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .coppia { padding-block: 64px; }
  .coppia-card { padding: var(--space-4); }       /* 40 -> 32 */
}


/* --------------------------------------------------------------------------
   < 480 · Mobile stretto
   -------------------------------------------------------------------------- */
@media (max-width: 479px) {
  .coppia-card { padding: 24px; }
}