.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}/* =========================================================
   Contenitore generale
   Aggiungi la classe "cards-consob" al contenitore Liferay
   che racchiude hero e card
   ========================================================= */


/* =========================================================
   Hero pagina interna
   ========================================================= */

.cards-consob .intestazione-pagine-interne {
  margin-top: 30px !important;
  margin-bottom: 28px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.cards-consob .intestazione-pagine-interne .row {
  align-items: flex-start !important;
}

.cards-consob .intestazione-pagine-interne .text {
  max-width: 720px !important;
  overflow: visible !important;
}

.cards-consob .intestazione-pagine-interne .title {
  color: #134dce !important;
  font-family: "Playfair Display", serif !important;
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: 52px !important;
  margin: 0 !important;
}

.cards-consob .intestazione-pagine-interne .desc {
  color: #1e1e1e !important;
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  overflow: visible !important;
}

.cards-consob .intestazione-pagine-interne .desc p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.cards-consob .intestazione-pagine-interne .desc p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   Immagine hero
   Parte all'altezza del paragrafo introduttivo
   e mantiene le proporzioni originali
   ========================================================= */

.cards-consob .intestazione-pagine-interne .immagine {
  position: relative !important;
  margin-top: 74px !important;
  margin-bottom: 24px !important;
}

.cards-consob .intestazione-pagine-interne .immagine > div {
  height: auto !important;
  min-height: 0 !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}

.cards-consob .intestazione-pagine-interne .immagine picture {
  display: block !important;
  width: 100% !important;
  max-width: 405px !important;
}

.cards-consob .intestazione-pagine-interne .immagine img {
  display: block !important;
  width: 100% !important;
  max-width: 405px !important;
  height: auto !important;
  border-radius: 14px !important;
}


/* =========================================================
   Card sezione interna
   ========================================================= */

.cards-consob .card-sezione-interna-senza-data {
  background: #f3f6fb !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  box-shadow: none !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  width: 100% !important;
  min-height: 150px !important;
}

.cards-consob .card-sezione-interna-senza-data .title {
  color: #262626 !important;
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
}

.cards-consob .card-sezione-interna-senza-data .text {
  color: #4f4f4f !important;
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  flex-grow: 1 !important;
}

.cards-consob .card-sezione-interna-senza-data .link-wrapper {
  border-top: 2px solid #cfd8e6 !important;
  padding-top: 10px !important;
  margin-top: auto !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
}

.cards-consob .card-sezione-interna-senza-data .consob-link {
  color: #134dce !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin-left: auto !important;
  text-align: right !important;
}

.cards-consob .card-sezione-interna-senza-data .consob-link:hover {
  text-decoration: underline !important;
}


/* =========================================================
   Fix altezza uguale card
   Utile soprattutto nella vista da utente esterno
   ========================================================= */

.cards-consob .lfr-layout-structure-item-row .row {
  align-items: stretch !important;
}

.cards-consob .lfr-layout-structure-item-row .col {
  display: flex !important;
  flex-direction: column !important;
}

.cards-consob .lfr-layout-structure-item-card-sezione-interna-no-data,
.cards-consob .lfr-layout-structure-item-card-sezione-interna-no-data > div {
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.cards-consob .lfr-layout-structure-item-card-sezione-interna-no-data .card-sezione-interna-senza-data {
  flex: 1 1 auto !important;
  height: 100% !important;
}


/* =========================================================
   Spaziatura tra righe di card
   ========================================================= */

.cards-consob .lfr-layout-structure-item-row {
  margin-bottom: 12px !important;
}

.cards-consob .lfr-layout-structure-item-grid-same-height {
  margin-bottom: 24px !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
  .cards-consob .intestazione-pagine-interne {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-bottom: 24px !important;
  }

  .cards-consob .intestazione-pagine-interne .title {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .cards-consob .intestazione-pagine-interne .desc {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .cards-consob .intestazione-pagine-interne .immagine {
    margin-top: 24px !important;
    margin-bottom: 20px !important;
  }

  .cards-consob .intestazione-pagine-interne .immagine > div {
    min-height: auto !important;
    justify-content: flex-start !important;
  }

  .cards-consob .intestazione-pagine-interne .immagine picture,
  .cards-consob .intestazione-pagine-interne .immagine img {
    max-width: 100% !important;
  }

  .cards-consob .lfr-layout-structure-item-card-sezione-interna-no-data,
  .cards-consob .lfr-layout-structure-item-card-sezione-interna-no-data > div,
  .cards-consob .card-sezione-interna-senza-data {
    height: auto !important;
    min-height: auto !important;
  }

  .cards-consob .card-sezione-interna-senza-data {
    padding: 18px 20px !important;
  }
}/* =========================================================
   CARD MAPPATE CON IMMAGINE
   Classe sul container: cards-consob-mappate

   Solo stile grafico.
   Non contiene traduzioni via CSS.
   Non usare ::before per tradurre testi.
   ========================================================= */


/* Container card mappate */
.cards-consob-mappate {
  margin-top: 24px !important;
}


/* Allineamento colonne */
.cards-consob-mappate .row {
  align-items: stretch !important;
}

.cards-consob-mappate .col {
  display: flex !important;
  flex-direction: column !important;
}


/* Wrapper Liferay */
.cards-consob-mappate .lfr-layout-structure-item-card-bianca,
.cards-consob-mappate .lfr-layout-structure-item-card-bianca > div,
.cards-consob-mappate .card-bianca-wrapper {
  width: 100% !important;
  height: 100% !important;
}


/* Wrapper generale card */
.cards-consob-mappate .card-bianca-wrapper {
  display: flex !important;
  flex-direction: column !important;

  background: #f3f6fb !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}


/* Immagine della card */
.cards-consob-mappate .immagine-con-testo {
  width: 100% !important;
  height: 145px !important;
  min-height: 145px !important;

  position: relative !important;
  overflow: hidden !important;

  background: #e9eef6 !important;
}

.cards-consob-mappate .immagine-con-testo .image,
.cards-consob-mappate .immagine-con-testo .image > div,
.cards-consob-mappate .immagine-con-testo picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.cards-consob-mappate .immagine-con-testo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  position: static !important;
  object-fit: cover !important;
}


/* Data sovrapposta all'immagine */
.cards-consob-mappate .immagine-con-testo > .text {
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;

  max-width: calc(100% - 24px) !important;
  padding: 6px 10px !important;

  background: rgba(255, 255, 255, 0.96) !important;
  border-radius: 8px 8px 0 0 !important;

  color: #262626 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;
}


/* Corpo della card */
.cards-consob-mappate .card-bianca {
  width: 100% !important;
  height: auto !important;
  min-height: 190px !important;
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  background: #f3f6fb !important;
  border: none !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: none !important;

  padding: 16px 18px !important;
  margin-bottom: 0 !important;
}


/* Titolo */
.cards-consob-mappate .card-bianca .title {
  color: #262626 !important;
  font-family: "Playfair Display", serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;

  flex-grow: 0 !important;
  overflow: visible !important;
}


/* Testo descrittivo */
.cards-consob-mappate .card-bianca .text {
  color: #4f4f4f !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  letter-spacing: 0 !important;

  margin-bottom: 0 !important;
  flex-grow: 1 !important;
  overflow: hidden !important;
}

.cards-consob-mappate .card-bianca .text p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* Link */
.cards-consob-mappate .card-bianca .link-wrapper {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 10px !important;

  border-top: 2px solid #cfd8e6 !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.cards-consob-mappate .card-bianca .consob-link {
  color: #134dce !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin-left: auto !important;
  text-align: right !important;
}

.cards-consob-mappate .card-bianca .consob-link:hover {
  text-decoration: underline !important;
}


/* Mobile */
@media (max-width: 767px) {
  .cards-consob-mappate {
    margin-top: 16px !important;
  }

  .cards-consob-mappate .immagine-con-testo {
    height: 170px !important;
    min-height: 170px !important;
  }

  .cards-consob-mappate .card-bianca {
    min-height: auto !important;
    padding: 18px 20px !important;
  }

  .cards-consob-mappate .lfr-layout-structure-item-card-bianca,
  .cards-consob-mappate .lfr-layout-structure-item-card-bianca > div,
  .cards-consob-mappate .card-bianca-wrapper {
    height: auto !important;
  }
}/* =========================================================
   CARD STATICHE SENZA IMMAGINE
   Classe sul container: cards-consob-statiche
   Card in basso: Ongoing / Closed / Search
   ========================================================= */


/* Container delle card statiche */
.cards-consob-statiche {
  margin-top: 32px !important;
}


/* Allineamento colonne */
.cards-consob-statiche .row {
  align-items: stretch !important;
}

.cards-consob-statiche .col {
  display: flex !important;
  flex-direction: column !important;
}


/* Wrapper Liferay */
.cards-consob-statiche .lfr-layout-structure-item-card-sezione-interna-no-data,
.cards-consob-statiche .lfr-layout-structure-item-card-sezione-interna-no-data > div {
  width: 100% !important;
  height: 100% !important;
}


/* Card */
.cards-consob-statiche .card-sezione-interna-senza-data {
  background: #f3f6fb !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  box-shadow: none !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  width: 100% !important;
  min-height: 170px !important;
  height: 100% !important;
  margin-bottom: 0 !important;
}


/* Titolo */
.cards-consob-statiche .card-sezione-interna-senza-data .title {
  color: #262626 !important;
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;

  overflow: visible !important;
}


/* Testo */
.cards-consob-statiche .card-sezione-interna-senza-data .text {
  color: #4f4f4f !important;
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;

  flex-grow: 1 !important;
  overflow: visible !important;
}


/* Link */
.cards-consob-statiche .card-sezione-interna-senza-data .link-wrapper {
  border-top: 2px solid #cfd8e6 !important;
  padding-top: 10px !important;
  margin-top: auto !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;

  width: 100% !important;
}

.cards-consob-statiche .card-sezione-interna-senza-data .consob-link {
  color: #134dce !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin-left: auto !important;
  text-align: right !important;
}

.cards-consob-statiche .card-sezione-interna-senza-data .consob-link:hover {
  text-decoration: underline !important;
}


/* Mobile */
@media (max-width: 767px) {
  .cards-consob-statiche {
    margin-top: 24px !important;
  }

  .cards-consob-statiche .card-sezione-interna-senza-data {
    min-height: auto !important;
    padding: 18px 20px !important;
  }
}