/* Carrossel de cinema da home - Tribuna do Sertão
   Portado de tribunadosertao-frontend (assets/scss/pages/index/index.geral.scss e index.mobile.scss). */

.section-cinema {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #032010;
	padding: 78px 0 86px;
	margin-block: 64px;
}
.section-cinema .section__title { width: calc(100% - 94px); }
.section-cinema .section__title span {
	color: #FFF;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #032010;
}

.section-cinema__item {
	display: inline-flex;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
	width: 100%;
}
.section-cinema__item picture,
.section-cinema__item img { width: 100%; }
.section-cinema__item img { aspect-ratio: 2 / 3; object-fit: cover; }

.section-cinema__flex { position: relative; padding-bottom: 7px; }

.section-cinema .swiper-btn { position: absolute; top: 30%; right: 0; width: 100%; max-width: 94px; }
.section-cinema .swiper-btn .swiper-button-prev,
.section-cinema .swiper-btn .swiper-button-next {
	width: 37px; height: 37px; background-size: 12px; background-color: #D4B600;
	border-radius: 50%; background-image: none;
	display: flex; align-items: center; justify-content: center;
}
.section-cinema .swiper-btn .swiper-button-next { right: 0; }
.section-cinema .swiper-btn .swiper-button-disabled { background: rgba(246, 246, 246, 0.30); opacity: unset; }

@media screen and (max-width: 767px) {
	.section-cinema { padding: 64px 0; margin-block: 40px; }
}