.activities-banner-text {margin-top: 12rem;}
.activities-banner-text .content {width: 55%;}
.activities-banner-text .content h2 {font-weight: 600;}

.activities-content {margin-top: 2rem;}
.activities-content .activities-items {display: flex;align-items: center;justify-content: center;gap: 2rem;background-color: #fafafa;padding: 1rem;border-radius: 20px;}
.activities-content .activities-items a {display: flex;align-items: start;justify-content: center;gap: 1rem;}
.activities-content .activities-items a .box {max-width: 50px;max-height: 50px;background-color: #EFEFEF;border-radius: 14px;width:100%;height:50px;}
.activities-content .activities-items a h6 {font-weight: 400;color: #000;}
.activities-content .activities-items a p {font-weight: 400;color: #B2B2B2;margin: 0;}
.activities-content .activities-items a:hover .box {background-color: #ff0000;}
.activities-content .activities-items a:hover h6 {color: #ff0000;}

.activities-content .item-contents {display: grid;justify-items: start;justify-content: center;width: 80%;gap: 3rem;margin: 2rem auto;}
.activities-content .item-contents .box {display: flex;align-items: center;justify-content: center;gap: 3rem;}
.activities-content .item-contents .box .date {display: grid;text-align: center;padding: 1rem;background-color: #F8F8F8;border-radius: 15px;width: 150px;height: 100%;}
.activities-content .item-contents .box .date .month {color: #000;opacity: .75;}
.activities-content .item-contents .box .date .day {color: #000;font-size: 16pt;font-weight: 600;}
.activities-content .item-contents .box .date .hour {color: #BCBCBC;margin-top: .5rem;}
.activities-content .item-contents .box .date .hour-end {background-color: #00000005;color: #BCBCBC;padding: .5rem;border-radius: 10px;position: relative;display: grid;justify-items: center;}
.activities-content .item-contents .box .date .hour-end::after {content: '';width: 4px;height: 4px;position: relative;background-color: #000;border-radius: 50%;}
.activities-content .item-contents .box .image {width: 500px;height: 210px;}
.activities-content .item-contents .box .image img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;filter: grayscale(1);}
.activities-content .item-contents .box .texts {display: grid;justify-items: start;max-width: 350px;}
.activities-content .item-contents .box .texts h6 {color: #1f1f1f;font-weight: 500;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.activities-content .item-contents .box .texts p {color: #727272;font-weight: 400;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.activities-content .item-contents .box:hover .image img {filter: none;}
.activities-content .item-contents .box:hover .texts h6 {color: #ff0000;}

.activities-content .activities-head {font-weight: 600;text-align: right;position: relative;top: 2rem;margin-bottom: 6rem;}
.activities-content .calendar {position: relative;width: 100%;background: #fff;border-radius: 0px;overflow: hidden;}
.activities-content .ui-datepicker-inline {position: relative;width: 100%;}
.activities-content .ui-datepicker-header {height: 100%;line-height: 50px;color: #fff;margin-bottom: 10px;}
.activities-content .ui-datepicker-prev, .ui-datepicker-next {width: 20px;height: 20px;text-indent: 9999px;border-radius: 100%;cursor: pointer;overflow: hidden;margin-top: 12px;}
.activities-content .ui-datepicker-prev:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: -43px 0px 0px 8px;}
.activities-content .ui-datepicker-next {float: right;margin-right: -45px;}
.activities-content .ui-datepicker-prev {float: right;margin-right: 30px;}
.activities-content .ui-datepicker-next:after {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin: -43px 0px 0px 6px;}
.activities-content .ui-datepicker-prev:after, .activities-content .ui-datepicker-next:after {content: "";position: absolute;display: block;width: 9px;height: 9px;border-left: 2px solid #000;border-bottom: 2px solid #000;border-radius:2px;}
.activities-content .ui-datepicker-prev:hover, .activities-content .ui-datepicker-next:hover, .ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after {border-color: #68768A;}
.activities-content .ui-datepicker-title {text-align: left;color: #000;}
.activities-content .ui-datepicker-calendar {width: 100%;text-align: center;}
.activities-content .ui-datepicker-calendar thead tr th span {display: block;width: 100%;color: #333;font-weight:400;margin-bottom: 5px;font-size: 13px;}
.activities-content .ui-state-default {display: block;text-decoration: none;color: #b5b5b5;/* line-height: 50px; */font-size: 12px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius:50%;}
.activities-content .ui-state-highlight, .activities-content .ui-state-default:hover {color: #fff;background-color:#bcbcbc;border-radius:50%;}
.activities-content .ui-state-active {color: #fff;background-color: #ff0000;border-radius: 50%;font-weight: 600;}
.activities-content .ui-datepicker-unselectable .ui-state-default {color: #eee;border: 2px solid transparent;}

.activities-content .right-contents{background-color:#fff;padding:1rem;border-radius:20px;box-shadow:0 0 10px 0 #00000013;}
.activities-content .right-contents .hr{width:100%;height:1px;background-color:#000;opacity:.2;margin:2rem 0;}
.activities-content .right-contents h5{color:#434343;font-weight:600;}
.activities-content .right-contents .activities-box{background-color:#F9F9F9;border-radius:7px;width:100%;display:grid;padding:1rem;margin-top:1rem;}
.activities-content .right-contents .activities-box .top{display:flex;align-items:center;gap:1rem;}
.activities-content .right-contents .activities-box .top img{width:18px;}
.activities-content .right-contents .activities-box .top p{margin-bottom:0;color:#00000090;}
.activities-content .right-contents .activities-box h6{color:#000;font-weight:400;margin-top:1rem;font-size:10.5pt;}
.activities-content .right-contents .activities-box:hover{background-color:#ff0000;}
.activities-content .right-contents .activities-box:hover h6, .activities-content .right-contents .activities-box:hover p{color:#fff;}
.activities-content .right-contents .activities-box:hover .top img{filter:brightness(0) invert(1);}

.activities-last-item{position:relative;margin-top:2rem;}
.activities-last-item .row{height:550px;--bs-gutter-x:0!important;}
.activities-last-item .texts{width:34%;height:100%;background-color:#000;border-radius:20px 0 0 20px;display:grid;align-items:center;align-content:center;gap:2rem;padding:2rem;}
.activities-last-item .texts ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;}
.activities-last-item .texts ul li{color:#ff0000;font-weight:500;font-size:10pt;display:flex;align-items:center;}
.activities-last-item .texts ul li:nth-child(1)::after{content:'';background-color:#ff0000;width:3px;height:3px;border-radius:50%;margin:0 1rem;}
.activities-last-item .texts h3{color:#fff;font-weight:600;}
.activities-last-item .image{width:66%;height:100%;}
.activities-last-item .image img{width:100%;height:100%;object-fit:cover;border-radius:0 20px 20px 0;}
.activities-last-item .desc{width:95%;display:flex;justify-content:center;margin:3rem auto;}