/* Card delle operazioni cofinanziate, dentro "Trasparenza e documenti".
   Obblighi di informazione e pubblicità - Reg. (UE) 2021/1060, artt. 47 e 50, Allegato IX.
   Il logo del Programma deve restare visibile, leggibile e non distorto:
   impostare solo la larghezza e lasciare height:auto. Non ritagliare né alterare i colori. */

.card-fondo .loghi-ue {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.card-fondo .loghi-ue img {
  height: auto;
  width: 100%;
  max-width: 420px;
}

/* Le colonne Bootstrap non hanno margine verticale: quando le card vanno a
   capo (tablet e mobile, ma anche fra le due righe su desktop) si toccano.
   Il margine sta sulla colonna e non sulla card, altrimenti height:100%
   la farebbe sbordare dalla colonna. */
.cards-row > [class*="col-"] {
  margin-bottom: 30px;
}

/* Stile card condiviso da tutte le voci di "Trasparenza e documenti". */
.card-doc {
  text-align: left;
  height: 100%;
  padding: 30px;
  border: 1px solid #eee;
  border-radius: 8px;
}

.card-doc h6 {
  margin-bottom: 12px;
}

.card-doc small a {
  text-decoration: underline;
}

/* I link occupano righe proprie: <small> è inline, serve renderlo blocco
   per staccarlo dal paragrafo descrittivo. */
.card-doc small {
  display: block;
  margin-top: 15px;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .card-fondo .loghi-ue img {
    max-width: 100%;
  }
}