.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-fbb45f0a-9149-9ddb-42d2-42307115b833 {
display: none !important;
}
.lfr-layout-structure-item-11b07b4e-bc8e-f925-4ba0-7c29b1686278 {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-f8cc24f3-b053-5f2b-f440-be4079e6819f {
margin-bottom: var(--spacer-4,1.5rem) !important;
}
/* Container Liferay per card preconfezionate */
.consob-card-container {
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Inter", Arial, sans-serif;
}

/* Reset interno controllato */
.consob-card-container *,
.consob-card-container *::before,
.consob-card-container *::after {
box-sizing: border-box;
}

/* Rimuove fondi grigi o padding ereditati dal container Liferay */
.consob-card-container.lfr-layout-structure-item-container,
.consob-card-container .lfr-layout-structure-item-container {
background: transparent !important;
padding: 0 !important;
}

/* Allinea la larghezza al contenitore pagina */
.consob-card-container .container-wrapper {
width: 100% !important;
background: transparent !important;
}

.consob-card-container .container {
width: 100% !important;
max-width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* Area interna del blocco */
.consob-card-container .container-content {
width: 100% !important;
padding: 0 !important;
background: transparent !important;
}

/* Griglia delle card */
.consob-card-container .grid-same-height {
width: 100%;
}

.consob-card-container .row {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
margin-left: -12px !important;
margin-right: -12px !important;
row-gap: 24px !important;
}

/* Colonne */
.consob-card-container .col {
padding-left: 12px !important;
padding-right: 12px !important;
display: flex !important;
flex-direction: column !important;
}

/* Desktop: 3 card per riga */
.consob-card-container .col-lg-4,
.consob-card-container .col-md-4 {
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}

/* Card Liferay preconfezionata */
.consob-card-container .card-bianca-wrapper,
.consob-card-container .lfr-layout-structure-item-card-bianca {
width: 100% !important;
height: 100% !important;
min-height: 360px !important;
display: flex !important;
flex-direction: column !important;
}

/* Immagine superiore */
.consob-card-container .immagine-con-testo {
width: 100% !important;
height: 228px !important;
position: relative !important;
overflow: hidden !important;
border-radius: 12px 12px 0 0 !important;
}

.consob-card-container .immagine-con-testo img {
width: 100% !important;
height: 228px !important;
display: block !important;
object-fit: cover !important;
object-position: center !important;
}

/* Etichetta sopra immagine */
.consob-card-container .immagine-con-testo .text {
max-width: 88% !important;
padding: 8px 12px !important;
background: #ffffff !important;
color: #111111 !important;
font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
font-size: 1.18rem !important;
line-height: 1.25 !important;
font-weight: 500 !important;
white-space: normal !important;
text-align: center !important;
border-radius: 2px 2px 0 0 !important;
}

/* Corpo della card */
.consob-card-container .card.card-bianca {
flex: 1 1 auto !important;
height: auto !important;
min-height: 132px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
padding: 12px 16px !important;
border: 1px solid #dbdbdb !important;
border-top: 0 !important;
border-radius: 0 0 12px 12px !important;
background: #ffffff !important;
box-shadow: none !important;
}

/* Data o titolo secondario */
.consob-card-container .card.card-bianca .title {
width: 100% !important;
margin: 0 !important;
color: #134dce !important;
font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
font-size: 1.18rem !important;
line-height: 1.28 !important;
font-weight: 600 !important;
letter-spacing: .01em !important;
}

/* Testo descrittivo */
.consob-card-container .card.card-bianca .text {
width: 100% !important;
margin: 0 0 10px !important;
color: #262626 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: .92rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}

/* Link in basso */
.consob-card-container .link-wrapper {
width: 100% !important;
margin-top: auto !important;
display: flex !important;
justify-content: flex-end !important;
}

.consob-card-container .consob-link {
color: #134dce !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: .9rem !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-decoration: none !important;
}

.consob-card-container .consob-link:hover,
.consob-card-container .consob-link:focus {
color: #0f3aa3 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}

/* Stato hover dell’intera card */
.consob-card-container .card-bianca-wrapper:hover .card.card-bianca,
.consob-card-container .card-bianca-wrapper:focus-within .card.card-bianca {
border-color: rgba(19, 77, 206, .25) !important;
}

/* Tablet: 2 card per riga */
@media (max-width: 980px) {
.consob-card-container .col-lg-4,
.consob-card-container .col-md-4 {
flex: 0 0 50% !important;
max-width: 50% !important;
}

.consob-card-container .card-bianca-wrapper,
.consob-card-container .lfr-layout-structure-item-card-bianca {
min-height: 340px !important;
}
}

/* Mobile: 1 card per riga */
@media (max-width: 760px) {
.consob-card-container {
margin-bottom: 0;
}

.consob-card-container .container {
padding-left: 0 !important;
padding-right: 0 !important;
}

.consob-card-container .row {
margin-left: 0 !important;
margin-right: 0 !important;
row-gap: 18px !important;
}

.consob-card-container .col,
.consob-card-container .col-lg-4,
.consob-card-container .col-md-4,
.consob-card-container .col-sm-12,
.consob-card-container .col-12 {
flex: 0 0 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

.consob-card-container .card-bianca-wrapper,
.consob-card-container .lfr-layout-structure-item-card-bianca {
min-height: auto !important;
}

.consob-card-container .immagine-con-testo,
.consob-card-container .immagine-con-testo img {
height: 210px !important;
}

.consob-card-container .immagine-con-testo .text {
font-size: 1.05rem !important;
}
}