﻿body{background: linear-gradient(90deg, #E2EEF3 50%, #FBFBFB 100%)}
#archivioTitle{text-align:center;font-size:2.5rem;margin-top:50px;}
.d-none{display:none !important;}
/*==========HERO==========*/
#hero{padding:70px 0px;}
.hero-text{width:50%;}
.hero-text h2{font-size:2.5rem;line-height:2.8125rem;margin-bottom:20px;}
.hero-text p{font-size:1rem;font-weight:700;margin-bottom:35px;}
/*==========ARTICOLO======*/
#articolo{padding:140px 0px;}
/*==========IN EVIDENZA===*/
#evidenza{background-color:var(--ink);padding:100px 0px;}
.evidenza-header{display:flex;justify-content:space-between;margin-bottom:20px;}
.evidenza-header h4{font-size:1.5rem;color:white;}
.evidenza-header a{color:white;font-size:0.9375rem;font-weight:700;}
#evidenza .wrap-swiper {
    padding-bottom: 60px;
    position: relative;
}
#news-evidenza-slide{
    background-color: white;
    padding: 40px 30px;
    height: 334px;
    border-radius: 30px;
}
.wrap-slider-home .swiper-pagination-bullet {
    background-color: white;
    opacity: 0.2;
}
.swiper-pagination-bullet-active{background-color:white;opacity:1 !important;}
#news-evidenza-slide h3 {
    font-size: 1.75rem;
}
.news-info-row{display:flex;align-items:center;justify-content:space-between;height:20%;margin-bottom:10px;font-weight:700;}
#news-evidenza-tag-elenco{list-style:none;display:flex; gap:10px;flex-wrap:wrap;line-height: 0.5rem;}
.s-cta-position{position:absolute;bottom:10px;}
.s-cta {display: flex;align-items: center;gap: .55rem;color: #7a7aea;font-weight: 700;font-size: .9rem;}
.s-cta .dot {width: 34px;height: 34px;border-radius: 50%;display: inline-grid;place-items: center;background: linear-gradient(135deg,#b59cff,#a98dff)}
.s-cta .dot svg {width: 16px;height: 16px;fill: #fff}
.learn-more {
    position: relative;
    cursor: pointer;
    outline: 0;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    width: 8rem;
    height: 3rem;
    border-radius: 1.625rem;
    display: flex;
    align-items: center;
}
.learn-more .circle {
    transition: all .45s cubic-bezier(0.65,0,.076,1);
    width: 2rem;
    height: 2rem;
    background: var(--rosaScuro);
    border-radius: 1rem;
    z-index: 1;
    pointer-events: none;
    position:relative;
}
.learn-more .circle img {height: 50%;object-fit: contain;position: absolute;top: 8px;left: 12px;}
.learn-more .circle .icon {
    transition: all .45s cubic-bezier(0.65,0,.076,1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff
}
.learn-more .circle .icon.arrow {left: .625rem;width: 1.125rem;height: .125rem;background: none}
.learn-more .circle .icon.arrow::before {
    content: "";
    position: absolute;
    top: -.25rem;
    right: 0.5rem;
    width: .625rem;
    height: .625rem;
    border-top: .125rem solid #fff;
    border-right: .125rem solid #fff;
    transform: rotate(45deg)
}
.learn-more .button-text {
    transition: all .45s cubic-bezier(0.65,0,.076,1);
    position: absolute;
    inset: 0;
    padding: .75rem 0;
    margin: 0 0 0 2rem;
    color:var(--ink);
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    z-index: 2;
}
.learn-more:hover .circle {width: 100%}
.learn-more:hover .circle .icon.arrow {transform: translate(0.5rem,0)}
.learn-more:hover .button-text {color: #fff}
.description{font-size:1.125rem;line-height:1.5rem}
/*============ATOM===================*/
#atom{padding:100px 0px;background: linear-gradient(90deg, #E2EEF3 50%, #FBFBFB 100%);position:relative;overflow:hidden;}
.atom-background{position:absolute;height:100%;bottom:95px;right:-120px}
.atom-background img{height:140%;object-fit:cover;}
.atom-row{display:flex;gap:120px;}
.left-atom{width:25%;display:flex;flex-wrap:wrap;justify-content:space-between;flex-shrink: 0;position:relative;}
.atom-card-img {
    width: calc(100%/2 - 10px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius:15px;
    margin-bottom:20px;
}
.atom-card-img img{height:50%;}
.right-atom{width:52%;display:flex;justify-content:center;flex-direction:column;position:relative;}
.right-atom h3{font-size:2.625rem;margin-bottom:40px;}
.right-atom p{font-size:1.125rem}
.atom-description{margin-bottom:50px;font-size:1.125rem;line-height:1.5rem;}
/*==================NEWSLETTER========================*/
#newsletter {padding: 100px 0px;background: linear-gradient(145deg, #FFDCE4 0%, #FFDBE3 75%, var(--rosa) 100%);position:relative;}
.newsletter-forma{height:150px;position:absolute;top:-75px;right:100px;}
.newsletter-forma img{height:100%;}
.newsletter-container h3{font-size:2.625rem}
.newsletter-container p{font-size:1rem;font-weight:700;margin-bottom:40px;}
.left-newsletter-row{width:55%;flex-shrink:0;}
.newsletter-row{display:flex;gap:170px;}
.newsletter-form-group{display:flex;justify-content:space-between;}
.newsletter-form-group > div:nth-of-type(1) {width:calc(100% / 2 - 10px);}
.newsletter-form-group > div:nth-of-type(2) {width:calc(100% / 2 - 10px);}
input[type="text"]{width:100%;height:42px;border-radius:10px;background-color:#F2F6F8;border:none;margin-bottom:10px;padding:0px 20px;color:var(--ink)}
input[type="text"]::placeholder{font-size:1rem;color:var(--ink);opacity:0.8}
input[type="text"]:focus{outline:none;border:1px solid var(--ink) !important;}
input[type="email"]{width:100%;height:42px;border-radius:10px;background-color:#F2F6F8;border:none;margin-bottom:10px;padding:0px 20px;color:var(--ink)}
input[type="email"]::placeholder{font-size:1rem;color:var(--ink);opacity:0.8}
input[type="email"]:focus{outline:none;border:1px solid var(--ink) !important;}
#mce-EMAIL{margin-bottom: 50px;}
.right-newsletter-row{width:35%;background-color:#FCEAEF;border-radius:30px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding:30px 20px;height:185px;}
.right-newsletter-row h5{margin-bottom:30px;font-size:1rem}
.right-newsletter-row p{margin-bottom:10px;font-size:1rem}
/*========CHECKBOXES=========================================*/
.checkbox-wrapper {
      display: inline-flex;
      gap: 10px;
      cursor: pointer;
      user-select: none;
      width:400px;
}
.privacy-button{margin-bottom:15px;}
.captcha-button{margin-bottom:15px;}
#newsletter-error{color:red;margin-bottom:20px;}
.checkbox-wrapper.error .checkbox-custom {
    border: 1px solid red
}
.checkbox-wrapper.error .checkbox-label{color:red}
.checkbox-input {
    display: none;
}
.checkbox-custom {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    background-color: white;
    border: 2px solid var(--ink);
    transition: all 0.2s ease;
    flex-shrink:0;
}
#consensoPrivacy{width:100%;}
/* quando è checkata */
.checkbox-input.fieldDisabled + .checkbox-custom {
    background-color: #E5EBEE;
    border-color: #AEC6D0;
}
.checkbox-input:checked + .checkbox-custom {
    background-color: #ff5c8a;
    border-color: #ff5c8a;
}
    
.checkbox-input.fieldDisabled:checked + .checkbox-custom, .checkbox-input.fieldDisabled + .checkbox-custom {
    cursor: not-allowed;
}
.checkbox-label {
    font-size: 1rem;
    color: #004b6b;
    cursor:auto;
    line-height:1.5rem;
}



/*=============CONTENT======================================*/
.content ul{padding-left:30px;}
.content table{margin-bottom:30px;}
.content p{font-size:1.125rem;line-height:1.5rem;}
.content .tag{font-size:1.125rem !important;line-height:1.5rem;}

@media (max-width:1700px) {
    /*==========HERO==========*/
    #hero{padding:30px 0px;}
    .hero-text h2 {line-height: 2.5rem;margin-bottom:15px;}
    .hero-text p {margin-bottom:25px;}
    /*==========EVIDENZA======*/
    #evidenza {margin-bottom: 100px;}
    .swiper-slide h3 {font-size: 1.5rem;margin-bottom: 15px;}
    #news-evidenza-slide h3 {font-size: 1.5rem;line-height: 1.75rem;margin-bottom: 10px;}
    #news-evidenza-slide {height: 300px;}
    .news-info-row {margin-bottom: 0px;font-weight: 600;}
    /*==========EVIDENZA======*/
    .swiper-slide h3 {font-size: 1.5rem;margin-bottom: 15px;}
    /*====ATOM================*/
    .right-atom h3 {font-size: 2.325rem;margin-bottom: 30px;line-height: 2.5rem;}
    /*===NEWSLETTER===========*/
    .newsletter-row {display: flex;gap: 130px;}
}
@media(max-width:1450px){
    /*=====NEWSLETTER=========*/
    .newsletter-container h3 {font-size: 2rem;}
    .newsletter-row {display: flex;gap: 85px;}
    /*=====ATOM===============*/
    .right-atom h3 {font-size: 2rem;margin-bottom: 20px;line-height: 2.1rem;}
    .left-atom {width: 30%;}
    /*=====ARTICOLO===========*/
    .articolo-container{width:60vw;}
}
@media(max-width:1100px){
    /*=====ATOM==============*/
    .atom-row {gap: 90px;}
    /*=====ARTICOLO===========*/
    .articolo-container{width:80vw;}
    #articolo {padding: 40px 0px;}
}

@media (max-width:870px) {
    /*====EVIDENZA===========*/
    #hero {padding: 50px 0px;}
    #evidenza {margin-bottom: 50px;}
    /*=========ATOM=================*/
    .atom-row {gap: 50px;flex-direction: column-reverse;}
    .right-atom {width: 100%;}
    .left-atom {width: 100%;}
    .atom-card-img {width: calc(100% / 4 - 10px);}
    .atom-background {bottom: 15px;right: -50px;}
    .atom-background img {height: 110%;}
    /*==========NEWSLETTER==========*/
    .newsletter-row {display: block;gap: 85px;}
    .left-newsletter-row {width: 100%;margin-bottom:50px;}
    .right-newsletter-row {width: 60%;}
    /*=====ARTICOLO===========*/
    .articolo-container{width:90vw;}
}
@media (max-width:576px) {
    #hero-cta a{display:block;margin-bottom:15px;width:63%;}
    /*====EVIDENZA===========*/
    #news-evidenza-slide {height: 350px;}
    /*=========ATOM=================*/
    .right-atom p {font-size: 1.125rem;line-height: 1.5rem;}
    .ultimo-articolo-tags {flex-wrap: wrap;}
    .atom-background {bottom: 15px;right: -200px;}
    .atom-background img {height: 100%;}
    /*====NEWSLETTER=========*/
    .newsletter-form-group {display:block;justify-content: space-between;}
    .newsletter-form-group > div:nth-of-type(1) {width: 100%;}
    .newsletter-form-group > div:nth-of-type(2) {width: 100%;}
    .right-newsletter-row {width: 100%;}
    .newsletter-forma{height:90px;position:absolute;top:-45px;right:calc(50% - 71.375px);}
    .newsletter-forma img{height:100%;}
}