﻿#offerte-cover{display:none}
#last-site-cta{background:var(--bg-soft)!important}
.container-testo-offerta li{color:var(--text-color);}

#offerta-section{padding-top:9.6rem}
#offerta-section h1{font-size:3.2rem;margin-top:0;margin-bottom:2.4rem;}

.content-media-grid{align-items:stretch}
.content-media-grid__buttons{margin-top:3.2rem;gap:1.6rem}
.content-media-grid__buttons .button{width:100%;}

.periodo-validita-offerta{margin-top: 3.2rem;text-decoration: underline;text-underline-position: under;}

#related-section h2 {font-size:3.2rem}
.elenco-offerte{margin-top:3.2rem}

#richiesta-informazioni-modal-layer .modal-title{text-transform:capitalize;font-size:3.2rem;margin-bottom:4.8rem;}

@media(min-width:768px){
    .content-media-grid__buttons{flex-direction:row}
    .content-media-grid__buttons .button{width:calc(50% - .8rem)}
}

@media (min-width: 1280px) {
    #offerta-section{padding-top: 17.6rem;}
    .content-media-grid__buttons{flex-direction:column}
    .content-media-grid__buttons .button{width:100%}
    .elenco-offerte {grid-template-columns: repeat(4, 1fr);}
    #related-section{padding:8.8rem 0}
}

@media (min-width: 1440px) {
    #offerta-section h1{font-size:4rem}
    .content-media-grid__buttons{flex-direction:row}
    .content-media-grid__buttons .button{width:calc(50% - .8rem)}        
    #related-section h2 {font-size:4rem}
    .elenco-offerte{margin-top:2.4rem}
}

@media(max-width:1279px){
    .content-media-grid{flex-direction:column-reverse}
}