:root {
    --btn-padding-vertical: 0.5rem;
    --btn-padding-horizontal: 1rem;
}


/*START WIDGET3 - CARUSEL*/
.section-wdg-3{
    background: var(--third-color);
    max-width: 100%;  
    margin: 4% auto;   
    position: relative;  
    padding-top: 0%;
    padding-bottom: 7%;

}
    /*BIG WAVE*/
.section-wdg-3 > .big-wave{
    z-index: 1;
    position: absolute;
    margin-top:433px;
    left: 0;
    width: 100%;
    background: linear-gradient(
    to bottom,
    var(--third-color) 0,
    transparent 65%,
    rgba(254, 243, 246, 0) 100%
    );
}
    /*FINE BIG WAVE*/


    /* SLIDER */
.section-wdg-3 > .slider {
    position: relative;
    max-width: 1440px;
    overflow: hidden;
    background: var(--third-color);
    display: flex;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.section-wdg-3 > .slider > .input-radio{
    display: none;
}
.section-wdg-3 > .slider > .slides {
    display: flex;
    width: 400%;
    transition: transform 0.6s ease;
}
.section-wdg-3 > .slider > .slides > .slide {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    padding-bottom: 100px;
    color: var(--fourth-color);
    box-sizing: border-box;
}

.section-wdg-3 > .slider > .slides > .slide .img {
    width: 65%;
    max-width: 25%;
    height: auto;
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content {
    width: 66%;
    padding-left: 4%;
    text-align: left;
}  
.section-wdg-3 > .slider > .slides > .slide > .slide-content h2 {
    font-weight: 400;
    font-size: 3rem;
    color: var(--first-color);
    width: 95%;
}   
.section-wdg-3 > .slider > .slides > .slide > .slide-content p {
    width: 80%;
    font-size: 16px;
    color: black;
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta{
    display: flex;
}
 .section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .span1{
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--first-color);
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .span2{
    font-size: 1.5rem;
        font-weight: 400;
    color: var(--first-color);
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .event-span{
    padding-left: 30px; 
    font-weight: 700;  
    font-size:2rem; 
    margin-top: -0.5rem;
    color: var(--first-color);
}    
img.calendar{
    margin-right: 0.2rem;
    width: auto;
    height: 1.5rem;
    margin-top:5px;
}
img.clock {
    margin-left: 1.5rem;
    margin-right: 0.2rem;
    width: auto;
    height: 1.5rem;
    margin-top:5px;
}
.mini-buttons {
    display: flex;
    
}
.mini-buttons .btn-faci{
    background-color: #fbd0d9;
} 
.mini-buttons .btn-skinCare{
    background-color: #5ccec8;
} 
.mini-buttons .btn-WoundCare{
    background-color: #5ccec8;
} 
.mini-buttons .btn-HWCare{
    background-color: #D6AFC3;
}
.mini-buttons button {
    font-size: 1rem;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0.5% 0.5%;
    border: none;
    border-radius: 5px;
    background: white;
    color: black;
}

.section-wdg-3 > .slider > .slides > .slide > .slide-content > .register-btn {
    background: var(--second-color);
    color: white;
    font-weight: 400;
    padding: 6px 0px;
    padding-left: 18px;
    border-radius: 60.5px;
    text-decoration: none;
    display: flex;
    height: auto;
    width: 245px; /* mantieni larghezza fissa */
    text-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: -10px;
    box-sizing: border-box; /* importante per padding e larghezza */
}

.register-btn > span {
    color: var(--second-color);
    background: #fff;
    border-radius: 30px;
    padding: 14px 17px;
    margin-left: 40px;
    text-align: center;
}
#s1:checked ~ .slides { transform: translateX(0%); }
#s2:checked ~ .slides { transform: translateX(-100%); }
#s3:checked ~ .slides { transform: translateX(-200%); }
#s4:checked ~ .slides { transform: translateX(-300%); }

.section-wdg-3 > .slider > .slides > .slide > .slide-content > .register-btn > .circleRegister {
    color: var(--fourth-color);
    background-color: #fff;
    border-radius: 50%;
    padding: 8px 15px;
    margin-left: 10px;
    font-weight: bold;   
}
.navigation {
    z-index: 2;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
.navigation label {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    margin: auto 4px;
}
#s1:checked ~ .navigation label[for="s1"],
#s2:checked ~ .navigation label[for="s2"],
#s3:checked ~ .navigation label[for="s3"],
#s4:checked ~ .navigation label[for="s4"] {
    background: var(--fourth-color);
}    
#s1:checked ~ .navigation .arrow[for="s1"],
#s4:checked ~ .navigation .arrow[for="s4"] {
    color: var(--fourth-color);
    background-color: white;
    opacity: 50%;
    border-radius: 50%;
    border:2px solid;
    border-color: var(--fourth-color);
}    
.navigation .arrow {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    color: var(--fourth-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid;
    font-weight: bold;
} 
#s1:checked ~ .navigation .prev {
    color: var(--fourth-color);
    background-color: transparent;
    border:var(--fourth-color);
    border-radius: 10%;
    pointer-events: none;
    border: 1px;
}
    /*FINE PRIMO SLIDER*/
/*END WIDGET3 - CARUSEL*/  
@media (min-width: 1393px) and (max-width: 1440px) {
/*START WIDGET3 - CARUSEL*/
.section-wdg-3 > .big-wave{
    margin-top:507px;
}
}
@media (min-width: 1281px) and (max-width: 1394px) {
/*START WIDGET3 - CARUSEL*/
.section-wdg-3 > .big-wave{
    margin-top:484px;
}
}
/* Monitor normali / laptop */
@media (min-width: 1121px) and (max-width: 1280px) {
/*START WIDGET3 - CARUSEL*/
.section-wdg-3 > .big-wave{
    margin-top:381px;
}
.section-wdg-3 > .slider {
    position: relative;
    max-width: 1024px;
    overflow: hidden;
    background: var(--third-color);
    display: flex;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.section-wdg-3 > .slider > .slides > .slide .img {
    max-width: 25%;
    height: auto;
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content {
    width: 80%;
    text-align: left;
    padding-left: 10%;
}  
.section-wdg-3 > .slider > .slides > .slide > .slide-content h2 {
    font-weight: 400;
    font-size: 1.9rem;
}   
.section-wdg-3 > .slider > .slides > .slide > .slide-content p {
    width: 60%;
    font-size: 1rem;
    color: black;
}
/*END WIDGET3 - CARUSEL*/
}

@media (min-width: 850px) and (max-width: 1120px) {
    .section-wdg-3 > .big-wave{
    margin-top:454px;
    }
    .section-wdg-3 > .slider > .slides > .slide > .slide-content {
    width: 85%;
    padding-left: 2%;
    }
    .section-wdg-3 > .slider > .slides > .slide .img {
        max-width: 20%;
        width: 60%;
    }
    .section-wdg-3 > .slider > .slides > .slide > .slide-content h2 {
        width: 80%;
    }
    .section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta {
        flex-wrap: wrap; 
        gap: 2px; 
    }
    .section-wdg-3 > .slider > .slides > .slide > .slide-content p {
        width: 65%;
    }
    .section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .event-span {
        padding-left: 5px; 
        font-size: 1.5rem; 
        margin-top: 0; 
    }
}
/* TABLET (da 601px a 989px) */
@media (min-width: 600px) and (max-width: 849px) {
/*START WIDGET3 - CARUSEL*/
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .register-btn {
    background: var(--second-color);
    color: white;
    font-weight: 400;
    padding: 6px 0px;
    padding-left: 18px;
    border-radius: 60.5px;
    text-decoration: none;
    display: flex;
    height: auto;
    width: 235px; /* mantieni larghezza fissa */
    text-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: -10px;
    box-sizing: border-box; /* importante per padding e larghezza */
}
.section-wdg-3{
    padding: 3% 0%;
    margin-top: 6%;
}
.section-wdg-3 > .big-wave{
    z-index: 1;
    position: absolute;
    margin-top:666px;
    left: 0;
    width: 100%;
    background: linear-gradient(
    to bottom,
    var(--third-color) 0,
    transparent 65%,
    rgba(254, 243, 246, 0) 100%
    );
}
.section-wdg-3 > .slider {
    position: relative;
    max-width: 900px;
    overflow: hidden;
    background: var(--third-color);
    display: flex;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.section-wdg-3 > .slider > .slides > .slide {
    width: 100%;
    flex-shrink: 0;
    display: block;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 100px;
    color: var(--fourth-color);
    box-sizing: border-box;
}
.section-wdg-3 > .slider > .slides > .slide .img {
    max-width: 20%;
    height: auto;
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content {
    width: 50%;
    text-align: left;
    padding-left: 1%;
    margin-top: 2%;
}  
.section-wdg-3 > .slider > .slides > .slide > .slide-content h2 {
    font-weight: 400;
    font-size: 1.5rem;
}   
.section-wdg-3 > .slider > .slides > .slide > .slide-content p {
    width: 60%;
    font-size: 1rem;
    color: black;
} 
/*END WIDGET3 - CARUSEL*/
}

/* SMARTPHONE (fino a 600px) */
@media (max-width: 600px) {
/*START WIDGET3 - CARUSEL*/
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .register-btn {
    margin:20px 20px auto ;
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .register-btn {
    background: var(--second-color);
    color: white;
    font-weight: 400;
    padding: 6px 0px;
    padding-left: 18px;
    border-radius: 60.5px;
    text-decoration: none;
    display: flex;
    height: auto;
    width: 225px; /* mantieni larghezza fissa */
    text-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: -10px;
    box-sizing: border-box; /* importante per padding e larghezza */
}

.section-wdg-3{
    padding: 0% 0%;
    margin-top: 10%;
}
.section-wdg-3 > .big-wave{
display: none;
}
.section-wdg-3 > .slider > .slides {
    display: flex;
    width: 100%;
    text-align: center;
    transition: transform 0.6s ease;
}
.section-wdg-3 > .slider {
    position: relative;
    overflow: hidden;
    background: var(--third-color);
    display: flex;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.section-wdg-3 > .slider > .slides > .slide {
    width: 100%;
    flex-shrink: 0;
    display: block;
    align-items: center;
    padding-bottom: 100px;
    color: var(--fourth-color);
    box-sizing: border-box;
}
.section-wdg-3 > .slider > .slides > .slide .img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content {
    width: 90%;
    text-align: center;
    margin-top: 2%;
    margin: 0 auto;
}  
.section-wdg-3 > .slider > .slides > .slide > .slide-content h2 {
    font-weight: 400;
    font-size: 1.8rem;
}   
.section-wdg-3 > .slider > .slides > .slide > .slide-content p {
    width: 100%;
    font-size: 1rem;
    color: black;
    text-align: justify;
} 


.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta{
    display: block;
}
 .section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .span1{
    font-size: 1.2rem;
    margin-left: 0.8rem;
    
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .span2{
    font-size: 1.2rem;
    margin-left: 3rem;
}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta > .event-span{
    position: relative;
    padding-left: 30px; 
    font-weight: 700;  
    font-size:1.5rem; 
    margin-top: -0.5rem;
}    
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta img.calendar{
    position: absolute;
    margin-left: 15px;
    width: auto;
    height:1.5rem;
    margin-top:0;

}
.section-wdg-3 > .slider > .slides > .slide > .slide-content > .event-meta img.clock {
    position: absolute;
    margin-left: 15%;
    width: auto;
    height: 1.5rem;
}
.mini-buttons {
    display: flex;
    
}


/*END WIDGET3 - CARUSEL*/
}