:root {
	--first-90: #003327;
	--first-85: #365E55;
	--first-80: #007A5E;
	--first-70: #0EB48F;
	--first-60: #61AD9B;
	--first-50: #D6EAE5;
	--first-40: #F5F7F6;
	--first-30: #FAFBFB;

	--neural-90: #202121;
	--neural-80: #515353;

	--shadow: 0 16px 48px  rgba(0, 51, 39, 0.08);
}

.btn {
	--bs-btn-border-radius: 32px;
	--bs-btn-padding-x: 16px;
	--bs-btn-padding-y: .586rem;
	line-height: 1.375;
	font-size: 14px;
}
.btn-success {
	--bs-btn-active-border-color: #202121;
}

body {font-family: "Bai Jamjuree", sans-serif; background: #fff}

.header {padding: 12px 0; box-shadow: 0 16px 48px  rgba(0, 51, 39, 0.08)}

.btn-menu {color:var(--neural-80); font-weight: 700; text-decoration: none}

.menu-offcanvas {padding: 0; margin: 0; list-style: none}
.menu-offcanvas li {margin-bottom: 10px}
.menu-offcanvas li a {font-weight: 700; text-decoration: none; padding: 8px 0; display: block}

.card-title {margin-bottom: 18px}
.card-title h1, .card-title h2 {font:700 italic 16px "Bai Jamjuree", sans-serif; text-transform: uppercase; margin: 2px 0 0}
.card-title i {margin-right: 10px}

/* #### BANNERS #### */
.banner {margin: 32px auto 32px}
.banner-aside {text-align: center}
.bloco-banner {margin-bottom: 32px}

/* #### ULTIMAS NOTICIAS #### */
.main-content .shadow-sm {box-shadow: 0 16px 48px  rgba(0, 51, 39, 0.08) !important}

.card-bloco {margin-bottom: 32px}

.aside-right {width: 360px}

.news-last {padding: 0; margin: 0; list-style: none}
.news-last li {width: 50%; flex: 0 0 50%; padding-right: 10px; margin-bottom: 20px}
.news-last li .img-box {width: 170px; flex: 0 0 170px}
.news-last li h3 {font:700 16px "Bai Jamjuree", sans-serif}
.news-last li h3 a {color: var(--neural-80); text-decoration: none}
.news-last li time {font-size: 14px}
.news-last li a img {max-width: 100%; height: auto; border-radius: 8px}

.read-more {padding: 0; margin: 0; list-style: none}
.read-more li {margin-bottom: 10px}
.read-more li:last-child {margin-bottom: 0}
.read-more li span {color:var(--first-80); font:700 24px "Bai Jamjuree", sans-serif}
.read-more li h3 {font:700 16px "Bai Jamjuree", sans-serif; margin-bottom: 0}
.read-more li h3 a {color: var(--neural-80); text-decoration: none}
.read-more li h3 a:hover {text-decoration: underline}


.select-club .form-select {
	border: 2px solid var(--first-80);
	border-radius: 32px;
}

.select-club .clubs-home a {
	width: 15%;
	flex: 0 0 15%;
	text-align: center;
}


.agenda-jogos {margin-bottom: 20px}
.agenda-jogos .rodada {color:var(--first-85); font-size: 12px; text-transform: uppercase}
.agenda-jogos .clubs-jogos {margin: 8px 0}


.footer {border-top:2px solid #F5F7F6}

.menu-footer {padding: 0; margin: 0; list-style: none}
.menu-footer li {margin-bottom: 10px}
.menu-footer li a {color: var(--neural-80); text-decoration: none}
.menu-footer li a:hover {text-decoration: underline}

.btn-link-topo .btn-link {--bs-btn-color: var(--neural-80)}


/* #### CAROUSEL #### */
.swiper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	overflow: hidden;
}					

.swiper-slide a {
	display: block;
	position: relative;
}
.swiper-slide img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

.swiper-slide-caption {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding: 10px;
	background: linear-gradient(transparent, #000);
	position: absolute;
	left: 0;
	bottom:0;
	right: 0;
	margin: 0;
	border-radius: 0 0 12px 12px;
}

.swiper-pagination {
	position: relative;
	background: #fff;
	border:2px solid #F5F7F6;
	border-radius: 32px;
	display: flex;
	justify-content: space-between;
	max-width: 336px;
	margin: 10px auto;
	bottom: 0 !important;
}

.swiper-pagination-bullet {
	width: 40px;
	height: 40px;
	opacity: 1;
	background: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
}
.swiper-pagination-bullet:before {
	content: "";
	width: 3px;
	height: 12px;
	transform: rotate(16deg);
	background: var(--first-80);
	position: absolute;

}
.swiper-pagination-bullet-active {
	background: #F5F7F6;
}


.swiper-button-prev,
.swiper-button-next {
	color: #333;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
}


.news-last_mobile li:nth-child(7),
.news-last_mobile li:nth-child(8) {
	margin-bottom: 0;
}

/* #### MOBILE #### */
@media (max-width: 768px) {
	.news-last li:nth-child(2n-2) {
		padding-right: 0;
	}

	.news-last li .img-box {
		width: 144px;
		flex: 0 0 144px;
		margin-right: 8px;
	}

	.aside-right {
		width: 100%;
	}

	.agenda-jogos .clubs-jogos strong,
	.agenda-jogos time {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.news-last li {
		width: 100%;
		flex: 0 0 100%;
		padding-right: 0;
	}

	.read-more {
		margin-bottom: 32px;
	}

	.order-mobile-1 {order: 1}
	.order-mobile-2 {order: 2}
	.order-mobile-3 {order: 3}

	.btn-link-topo {margin: 10px 0}

	.copy {text-align: center}

	.menu-footer {margin-bottom: 32px}

	.news-last_mobile li:nth-child(7){
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {

}