/* ATTIVITA */
.attivita__list{display:flex;gap:2.4rem;flex-direction:column;margin-top:3.2rem}
.attivita__list-item{flex:1}
.card-attivita{border-radius:3.2rem;overflow:hidden;display:block;position:relative}
.card-attivita img{display:block;width:100%;height:auto;aspect-ratio:468/624;object-fit:cover}
.card-attivita picture{display:block;position:relative}
.card-attivita picture:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%);pointer-events: none;}
.card-attivita__title{color:#fff;position:absolute;left:1.6rem;bottom:2.4rem;font-size:3.6rem;width:33.33%;line-height:1.1;margin:0}
.attivita__list-item:nth-child(2) .card-attivita__title{width:75%}
.card-attivita__fake-button {border: 2px solid #fff;bottom:2.4rem;right:1.6rem;width:5rem;height:5rem; position: absolute;display: flex;color:#fff;place-content: center;align-items: center;border-radius: 50%;}

.card-attivita img{transition:transform 2s ease}
.card-attivita:hover img{transform:scale(1.1)}
.card-attivita:hover .card-attivita__fake-button{background:var(--accent-color);color:#000;border-color:var(--accent-color)}

@media(min-width:500px) {
    .card-attivita__title{font-size:3.6rem}
}  

@media(min-width:650px) {
    .card-attivita__title,
    .attivita__list-item:nth-child(2) .card-attivita__title{width:100%;}
    .card-attivita img{aspect-ratio:8/5;object-fit:cover}

}        

@media(min-width:1280px){
    .attivita__list{flex-direction:row;margin-top:4.4rem}
    .card-attivita img{aspect-ratio:500/624;}

}

@media(min-width:1440px) {
    .card-attivita__title{font-size:3.6rem}    
}