#postercarrosselhome .item a {
	display: block;
	position: relative;
}

.classificacao-carrossel {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 4;
}

.tag-carrossel {
	position: absolute;
	left: 50%;
	bottom: 22px;
	z-index: 4;
	transform: translateX(-50%);
	min-width: 120px;
	padding: 8px 18px;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.descubraCarrImg {
	width: 316px;
	height: 178px;
}

.filme-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.posterfilme {
	position: relative;
	z-index: 1;
}

.filme-card-info {
	min-height: 58px;
	padding: 8px 2px 0;
	color: #fff;
}

.filme-card-titulo,
.filme-card-meta {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.filme-card-titulo {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
}

.filme-card-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 11px;
	line-height: 1.25;
}

.filme-card-meta span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.filme-card-meta span+span::before {
	content: "•";
	margin-right: 6px;
	color: rgba(255, 255, 255, 0.45);
}

.classificacao-poster {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 3;
}

.classificacao-carrossel .classificacao-indicativa,
.classificacao-poster .classificacao-indicativa {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}

.classificacao-carrossel .classificacao-indicativa[aria-label="Classificação Indicativa 18"],
.classificacao-poster .classificacao-indicativa[aria-label="Classificação Indicativa 18"] {
	border: 1px solid #fff !important;
}

.posterfilme:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 0;
}

.posterfilme .CTA-ticket {
	position: relative;
	z-index: 2;
}

.posterfilme .tag,
.posterfilme .tag-breve {
	z-index: 3;
}

@media (max-width: 767px) {
	#myTab {
		flex-wrap: nowrap;
		gap: 6px;
		justify-content: center;
		border-bottom: 0;
	}

	#myTab .nav-item {
		flex: 0 1 46%;
		min-width: 0;
	}

	#myTab .nav-link {
		width: 100%;
		padding: 9px 8px;
		border: 1px solid rgba(255, 255, 255, 0.28);
		border-radius: 4px;
		background: rgba(255, 255, 255, 0.08);
		color: rgba(255, 255, 255, 0.82);
		font-weight: 700;
		white-space: nowrap;
		text-align: center;
		font-size: 14px;
		line-height: 1;
	}

	#myTab .nav-link.active {
		border-color: #fff;
		background: #fff;
		color: #222;
		font-weight: 800;
	}

	#myTab .nav-item.ocultar-mobile {
		display: none;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 7px;
		height: 7px;
		margin: 4px 3px;
	}

	.classificacao-carrossel {
		top: 10px;
		right: 10px;
	}

	.tag-carrossel {
		bottom: 12px;
		min-width: 96px;
		padding: 7px 12px;
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.filme-card-info {
		min-height: 64px;
		padding-top: 10px;
	}

	.filme-card-titulo {
		font-size: 15px;
	}

	.filme-card-meta {
		font-size: 12px;
	}
}

.promocao-popup {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2147483647;
}

.promocao-popup-content {
	position: relative;
	display: inline-flex;
	max-width: calc(100vw - 32px);
	max-height: calc(100dvh - 32px);
	background-color: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	animation: popupAnimation 800ms ease-out forwards;
}

@keyframes popupAnimation {
	0% {
		transform: scale(0.1);
		opacity: 0;
	}

	60% {
		transform: scale(1.08);
		opacity: 0.9;
	}

	80% {
		transform: scale(0.98);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.popup-close {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 28px;
	line-height: 1;
	color: white !important;
	cursor: pointer;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.5);
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}

.promocao-popup-content img {
	display: block;
	max-width: calc(100vw - 32px);
	max-height: calc(100dvh - 32px);
	width: auto;
	height: auto;
	object-fit: contain;
}

.promocao-popup-link {
	display: flex;
	max-width: 100%;
	max-height: calc(100dvh - 32px);
	line-height: 0;
}

.promocao-popup-link[href] {
	cursor: pointer;
}

.banner-desktop {
	display: none !important;
}

.banner-mobile {
	display: block !important;
}

.banner-desktop,
.banner-mobile {
	max-width: 100%;
	max-height: calc(100dvh - 32px);
}

@media screen and (min-width: 960px) {
	.banner-desktop {
		display: block !important;
	}

	.banner-mobile {
		display: none !important;
	}

	.promocao-popup-content {
		max-width: min(70vw, calc(100vw - 48px));
		max-height: calc(100dvh - 48px);
	}

	.promocao-popup-content img,
	.promocao-popup-link,
	.banner-desktop {
		max-height: calc(100dvh - 48px);
	}
}


.container-countdown-independent {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				width: 100%;
				margin-top: 48px;
				margin-bottom: 24px;
			}

			.countdown-banner-independent {
				border-radius: 24px;
				background: #1a1a1a;
				max-width: 1020px;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 16px 16px;
				box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5), 0px 4px 10px rgba(0, 0, 0, 0.3);
				border: 1px solid rgba(255, 255, 255, 0.1);
				position: relative;
				overflow: hidden;
			}

			.countdown-banner-independent::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: linear-gradient(135deg, rgba(255, 0, 0, 0.05) 0%, rgba(0, 255, 0, 0.05) 50%, rgba(0, 0, 255, 0.05) 100%);
				opacity: 0;
				transition: opacity 0.3s ease;
			}

			.countdown-banner-independent:hover {
				box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.7), 0px 6px 15px rgba(0, 0, 0, 0.5);
				transform: translateY(-2px);
				transition: all 0.3s ease;
				border-color: rgba(255, 255, 255, 0.2);
			}

			.countdown-banner-independent:hover::before {
				opacity: 1;
			}

			.countdown-content-wrapper {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
			}

			.countdown-title-section {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				margin-bottom: 10px;
				text-align: center;
				width: 100%;
			}

			.countdown-title-section h3 {
				font-size: 1.05rem;
				margin: 0 0 10px 0;
				font-weight: bold;
				color: #FFFFFF;
				letter-spacing: 0.5px;
				font-family: sans-serif;
			}

			.countdown-movie-independent {
				width: 100%;
			}

			.countdown-body-independent {
				display: flex;
				align-items: center;
				gap: 16px;
				justify-content: center;
			}

			.countdown-body-independent h4 {
				margin: 0;
				color: #FFFFFF;
				font-size: 1.24rem;
				white-space: nowrap;
				font-weight: 700;
				letter-spacing: 0.5px;
				font-family: sans-serif;
			}

			.countdown-display-independent {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				text-align: center;
			}

			.countdown-display-independent div {
				display: flex;
				flex-direction: column;
				border: 1px solid rgba(255, 255, 255, 0.2);
				border-radius: 8px;
				width: 124px;
				height: 77px;
				padding: 8px 4px;
				align-items: center;
				justify-content: center;
				gap: 4px;
				background: rgba(255, 255, 255, 0.05);
				transition: all 0.3s ease;
				position: relative;
				overflow: hidden;
			}

			.countdown-display-independent div::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 2px;
				transition: opacity 0.3s ease;
			}

			.countdown-display-independent div:nth-child(1)::before {
				background: #FF0000;
				box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);
			}

			.countdown-display-independent div:nth-child(2)::before {
				background: #00FF00;
				box-shadow: 0 0 10px rgba(0, 255, 0, 0.6);
			}

			.countdown-display-independent div:nth-child(3)::before {
				background: #0080FF;
				box-shadow: 0 0 10px rgba(0, 128, 255, 0.6);
			}

			.countdown-display-independent div:nth-child(4)::before {
				background: #FF0000;
				box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);
			}

			.countdown-display-independent div:hover {
				transform: translateY(-2px);
				border-color: rgba(255, 255, 255, 0.4);
				background: rgba(255, 255, 255, 0.1);
			}

			.countdown-display-independent div h2 {
				margin: 0;
				color: #FFFFFF;
				font-size: 1.53rem;
				font-weight: bold;
				line-height: 1;
				font-family: sans-serif;
			}

			.countdown-display-independent div p {
				margin: 0;
				color: rgba(255, 255, 255, 0.7);
				font-size: 0.95rem;
				line-height: 1;
				font-weight: 500;
				letter-spacing: 0.5px;
				font-family: sans-serif;
			}

			@media (max-width: 991px) {
				.container-countdown-independent {
					margin-bottom: 0;
				}

				.countdown-banner-independent {
					padding: 20px 16px;
					border-radius: 16px;
					max-width: 95%;
				}

				.countdown-title-section {
					margin-bottom: 8px;
				}

				.countdown-title-section h3 {
					font-size: 0.85rem;
					line-height: 1.3;
					margin-bottom: 10px;
				}

				.countdown-body-independent {
					gap: 8px;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
				}

				.countdown-body-independent h4 {
					font-size: 0.75rem;
					font-weight: 400;
				}

				.countdown-display-independent {
					gap: 6px;
					flex-wrap: wrap;
					justify-content: center;
				}

				.countdown-display-independent div {
					border: 1px solid rgba(255, 255, 255, 0.2);
					width: 70px;
					height: 50px;
					padding: 6px 4px;
					gap: 2px;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					border-radius: 8px;
					background: rgba(255, 255, 255, 0.05);
				}

				.countdown-display-independent div::before {
					height: 2px;
				}

				.countdown-display-independent div h2 {
					font-size: 0.9rem;
					font-weight: bold;
					margin: 0;
					color: #FFFFFF;
					font-family: sans-serif;
				}

				.countdown-display-independent div p {
					font-size: 0.6rem;
					font-weight: 400;
					color: rgba(255, 255, 255, 0.7);
					font-family: sans-serif;
					margin: 0;
				}
			}

			@media (max-width: 768px) {
				.container-countdown-independent {
					margin-top: 42px;
				}

				.countdown-display-independent {
					flex-wrap: nowrap;
					gap: 4px;
				}

				.countdown-display-independent div {
					width: 52px;
					height: 40px;
					padding: 4px 2px;
					gap: 1px;
				}

				.countdown-display-independent div h2 {
					font-size: 0.7rem;
				}

				.countdown-display-independent div p {
					font-size: 0.5rem;
				}
			}

.ca-btn-countdown {
		background: var(--light-red, #C41925);
		color: var(--white, #fff);
		border-radius: 4px;
		opacity: 1;
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
		padding: 8px 16px;
		cursor: pointer;
		text-align: center;
		transition: background-color 0.3s ease;
		display: table;
		text-wrap: nowrap;
		text-decoration: none;
	}

	.ca-btn-countdown:hover,
	.ca-btn-countdown:focus {
		background: var(--dark-red, #9A0A0D);
		color: var(--white, #fff);
		text-decoration: none;
	}

	.countdown-movie-art {
		border-radius: 24px 0 0 24px;
	}

	.container-countdown {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%;
	}

	.countdown-banner {
		border-radius: 24px;
		background: #2A2D31;
		max-width: 1020px;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 24px;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		gap: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		min-height: 86px;
		border: 1px solid var(--ca-white, #fff);
	}

	.countdown-banner::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(42, 45, 49, 0.62);
		z-index: 1;
		pointer-events: none;
	}

	.countdown-banner:hover {
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
	}

	.movie-countdown-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
		padding: 8px;
		position: relative;
		z-index: 2;
	}

	.movie-title-section {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin-bottom: 8px;
		text-align: center;
	}

	.movie-title-section h3 {
		font-size: 1.25rem;
		margin: 0 0 0 0;
		font-weight: bold;
		color: var(--ca-white, #fff);
	}

	.movie-title-section .release-date {
		font-size: 1.25rem;
		color: var(--ca-red, #ff6b6b);
		font-weight: bold;
	}

	.countdown-movie {
		width: 100%;
	}

	.countdown-banner>.countdown-movie-art {
		height: 100%;
		width: 100%;
		max-width: none;
		object-fit: cover;
		position: absolute;
		inset: 0;
		opacity: 1;
		z-index: 0;
		flex: none;
		border-radius: 24px;
	}

	.countdown-banner .countdown-body {
		display: flex;
		align-items: center;
		gap: 16px;
		justify-content: center;
	}

	.countdown-banner .countdown-body h4 {
		margin: 0;
		color: var(--ca-white, #fff);
		font-size: 1rem;
		white-space: nowrap;
	}

	.action-section {
		padding: 16px 24px 16px 16px;
		position: relative;
		z-index: 2;
	}

	#countdown-movie {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		text-align: center;
	}

	#countdown-movie div {
		display: flex;
		flex-direction: column;
		border: 1px solid var(--ca-white, #fff);
		border-radius: 24px;
		width: 88px;
		height: 54px;
		padding: 4px 0;
		align-items: center;
		justify-content: center;
		gap: 2px;
	}

	#countdown-movie div h2 {
		margin: 0;
		color: var(--ca-white, #fff);
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 1;
	}

	#countdown-movie div p {
		margin: 0;
		color: var(--ca-white, #fff);
		font-size: 0.8rem;
		line-height: 1;
	}

	@media (max-width: 991px) {
		.container-countdown {
			margin-bottom: 16px;
		}

		.countdown-banner {
			flex-direction: row;
			align-items: stretch;
			padding: 10px 8px 34px;
			border-radius: 16px;
			min-height: 92px;
			max-width: 70%;
			background: #2A2D31;
			margin-bottom: 0;
			border: 1px solid var(--ca-white, #fff);
		}

		.countdown-banner>.countdown-movie-art {
			display: block !important;
			width: 100%;
			height: 100%;
			min-height: 100%;
			object-fit: cover;
			position: absolute;
			inset: 0;
			opacity: 1;
			z-index: 0;
			border-radius: 16px;
		}

		.movie-countdown-wrapper {
			display: grid;
			grid-template-columns: auto auto;
			grid-template-areas:
				"title title"
				"date countdown";
			justify-content: center;
			align-items: center;
			column-gap: 8px;
			row-gap: 2px;
			text-align: center;
			padding: 0;
			width: 100%;
			min-width: 0;
		}

		.movie-title-section {
			display: contents;
		}

		.movie-title-section h3 {
			grid-area: title;
			font-size: 0.72rem;
			line-height: 1.2;
			margin: 0 auto;
			text-align: center;
			width: 100%;
			max-width: 58vw;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.movie-title-section .release-date {
			grid-area: date;
			font-size: 0.62rem;
			font-weight: bold;
			text-align: center;
			white-space: nowrap;
		}

		.countdown-movie {
			grid-area: countdown;
			width: auto;
			flex: 0 0 auto;
			align-self: center;
		}

		.countdown-banner .countdown-body {
			gap: 4px;
			justify-content: center;
			align-items: center;
			flex-direction: row;
			margin-bottom: 0;
		}

		.countdown-banner .countdown-body h4 {
			font-size: 0.62rem;
			margin: 0;
			white-space: nowrap;
		}

		.action-section {
			position: absolute;
			bottom: 9px;
			left: 50%;
			right: auto;
			transform: translateX(-50%);
			padding: 0;
			margin: 0;
			z-index: 2;
		}

		.ca-btn-countdown {
			font-size: 9px;
			padding: 4px 7px;
			white-space: nowrap;
		}

		#countdown-movie {
			gap: 3px;
			justify-content: center;
		}

		#countdown-movie div {
			border: 1px solid var(--ca-white, #fff);
			width: auto;
			height: auto;
			padding: 3px 6px;
			gap: 2px;
			flex-direction: row;
			align-items: baseline;
			border-radius: 12px;
		}

		#countdown-movie div h2 {
			font-size: 0.62rem;
			font-weight: bold;
			margin-right: 2px;
		}

		#countdown-movie div p {
			font-size: 0.54rem;
			font-weight: normal;
		}

		.countdown-banner {
			position: relative;
		}
	}

.arcoplex-session-confirmation[hidden] {
      display: none !important;
    }

    .arcoplex-session-confirmation {
      align-items: center;
      display: flex;
      inset: 0;
      justify-content: center;
      padding: 20px;
      position: fixed;
      z-index: 2147483000;
    }

    .arcoplex-session-confirmation__backdrop {
      background: rgba(0, 0, 0, 0.72);
      inset: 0;
      position: absolute;
    }

    .arcoplex-session-confirmation__dialog {
      background: #1f2124;
      border: 1px solid #313439;
      border-radius: 10px;
      box-shadow: 0 18px 55px rgba(0, 0, 0, 0.45);
      color: #fff;
      max-width: 500px;
      overflow: hidden;
      position: relative;
      width: 100%;
      z-index: 1;
    }

    .arcoplex-session-confirmation__header {
      align-items: center;
      border-bottom: 1px solid #313439;
      display: flex;
      min-height: 68px;
      padding: 18px 54px 18px 24px;
      position: relative;
    }

    .arcoplex-session-confirmation__header p {
      color: #fff;
      font-size: 1.35rem;
      font-weight: 600;
      line-height: 1.25;
      margin: 0;
    }

    .arcoplex-session-confirmation__close {
      background: transparent;
      border: 0;
      color: #fff;
      cursor: pointer;
      font-size: 30px;
      line-height: 1;
      opacity: 0.9;
      padding: 4px 8px;
      position: absolute;
      right: 12px;
      top: 12px;
    }

    .arcoplex-session-confirmation__body {
      color: #e0e0e0;
      font-size: 1.05rem;
      line-height: 1.5;
      padding: 22px 24px;
    }

    .arcoplex-session-confirmation__body p {
      margin: 0;
    }

    .arcoplex-session-confirmation__body strong {
      color: #fff;
      display: block;
      font-weight: 800;
    }

    .arcoplex-session-confirmation__actions {
      border-top: 1px solid #313439;
      display: flex;
      gap: 12px;
      justify-content: flex-end;
      margin-top: 20px;
      padding-top: 16px;
    }

    .arcoplex-session-confirmation__change,
    .arcoplex-session-confirmation__proceed {
      border-radius: 8px;
      cursor: pointer;
      font-weight: 800;
      min-height: 44px;
      padding: 10px 18px;
    }

    .arcoplex-session-confirmation__change {
      background: #fff;
      border: 1px solid #fff;
      color: #1f2124;
    }

    .arcoplex-session-confirmation__proceed {
      background: #253D68;
      border: 1px solid #253D68;
      color: #fff;
    }

    .arcoplex-session-confirmation__change:hover,
    .arcoplex-session-confirmation__change:focus {
      background: #e6e6e6;
      border-color: #e6e6e6;
      color: #1f2124;
    }

    .arcoplex-session-confirmation__proceed:hover,
    .arcoplex-session-confirmation__proceed:focus {
      background: #2C5875;
      border-color: #2C5875;
      color: #fff;
    }

    body.arcoplex-session-confirmation-open {
      overflow: hidden !important;
    }

    @media (max-width: 575px) {
      .arcoplex-session-confirmation {
        padding: 14px;
      }

      .arcoplex-session-confirmation__actions {
        align-items: stretch;
        flex-direction: column-reverse;
      }

      .arcoplex-session-confirmation__change,
      .arcoplex-session-confirmation__proceed {
        width: 100%;
      }
    }
