/* Próximos Concursos Carousel */
.nocorte-proximos-carousel-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 40px 0;
	background: transparent;
}

.nocorte-proximos-carousel {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.nocorte-carousel-track {
	display: flex;
	gap: 24px;
	animation: scroll-carousel 80s linear infinite;
	width: fit-content;
}

@keyframes scroll-carousel {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Pause animation on hover */
.nocorte-carousel-track:hover {
	animation-play-state: paused;
}

.nocorte-carousel-item {
	flex: 0 0 auto;
	width: 320px;
}

/* Contest Card - Same style as Archive */
.nocorte-carousel-item .nocorte-contest-card {
	background: #FFFFFF !important;
	border-radius: 40px;
	padding: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 400px;
	cursor: pointer;
	height: 100%;
	transform: none !important;
	transition: none !important;
	box-shadow: none !important;
	/* Force light mode - prevent dark mode from affecting card styles */
	color-scheme: light !important;
	-webkit-color-scheme: light !important;
}

.nocorte-carousel-item .nocorte-contest-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

/* Force all child elements to ignore dark mode */
.nocorte-carousel-item .nocorte-contest-card * {
	color-scheme: light !important;
	-webkit-color-scheme: light !important;
}

.nocorte-carousel-item .nocorte-contest-card__header {
	text-align: left;
	margin-bottom: 20px;
	height: 100px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.nocorte-carousel-item .nocorte-contest-card__logo {
	width: 80px;
	height: 80px;
	object-fit: contain;
	border-radius: 8px;
}

.nocorte-carousel-item .nocorte-contest-card__logo--empty {
	background: #F3F4F6 !important;
	border: 2px dashed #D1D5DB !important;
}

.nocorte-carousel-item .nocorte-contest-card__status {
	font-size: 11px;
	padding: 10px 16px;
	border-radius: 16px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: auto;
}

.nocorte-carousel-item .nocorte-contest-card__status::before {
	content: '';
	width: 12px;
	height: 12px;
	background-color: currentColor;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 0C2.6915 0 0 2.6915 0 6C0 9.3085 2.6915 12 6 12C9.3085 12 12 9.3085 12 6C12 2.6915 9.3085 0 6 0ZM9.1 5.256L6.887 7.4285C6.4955 7.8125 5.9915 8.004 5.487 8.004C4.988 8.004 4.489 7.816 4.099 7.4395L3.1495 6.506C2.9525 6.3125 2.95 5.996 3.1435 5.799C3.3365 5.6015 3.654 5.599 3.8505 5.793L4.797 6.7235C5.185 7.0985 5.7975 7.0965 6.1875 6.7145L8.4 4.5425C8.5965 4.3485 8.912 4.352 9.107 4.549C9.3005 4.746 9.2975 5.0625 9.1 5.256Z" fill="black"/></svg>');
	mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 0C2.6915 0 0 2.6915 0 6C0 9.3085 2.6915 12 6 12C9.3085 12 12 9.3085 12 6C12 2.6915 9.3085 0 6 0ZM9.1 5.256L6.887 7.4285C6.4955 7.8125 5.9915 8.004 5.487 8.004C4.988 8.004 4.489 7.816 4.099 7.4395L3.1495 6.506C2.9525 6.3125 2.95 5.996 3.1435 5.799C3.3365 5.6015 3.654 5.599 3.8505 5.793L4.797 6.7235C5.185 7.0985 5.7975 7.0965 6.1875 6.7145L8.4 4.5425C8.5965 4.3485 8.912 4.352 9.107 4.549C9.3005 4.746 9.2975 5.0625 9.1 5.256Z" fill="black"/></svg>');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	flex-shrink: 0;
}

.nocorte-carousel-item .nocorte-contest-card__title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #1F2937 !important;
	line-height: 1.3 !important;
	text-align: left;
}

.nocorte-carousel-item .nocorte-contest-card__subtitle {
	font-size: 14px !important;
	color: #6B7280 !important;
	margin-bottom: 20px;
	text-align: left;
}

.nocorte-carousel-item .nocorte-contest-card__meta {
	list-style: none;
	padding: 0;
	margin: 20px 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.nocorte-carousel-item .nocorte-contest-card__meta li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px !important;
	color: #4B5563 !important;
	padding: 0;
}

.nocorte-carousel-item .nocorte-contest-card__meta svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: #8B5CF6 !important;
}

.nocorte-carousel-item .nocorte-contest-card__meta svg path {
	fill: #808080 !important;
}

.nocorte-carousel-item .nocorte-contest-card__link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px !important;
	color: #000000 !important;
	font-weight: normal;
	text-decoration: none !important;
	margin-top: auto;
	padding-top: 16px;
	border: none !important;
	font-size: 14px !important;
	background: none !important;
}

.nocorte-carousel-item .nocorte-contest-card__link svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.nocorte-carousel-item .nocorte-contest-card__link svg path {
	fill: #3F4BFF !important;
}

/* Empty state */
.nocorte-carousel-empty {
	text-align: center;
	padding: 60px 20px;
	color: #6b7280 !important;
}

.nocorte-carousel-empty p {
	margin: 0;
	font-size: 16px;
	color: #6b7280 !important;
}

/* Responsive */
@media (max-width: 768px) {
	.nocorte-carousel-item {
		width: 280px;
	}

	.nocorte-carousel-track {
		gap: 16px;
	}
}

@media (max-width: 480px) {
	.nocorte-carousel-item {
		width: 260px;
	}

	.nocorte-proximos-carousel-wrapper {
		padding: 30px 0;
	}
}

/* Smooth edges with gradient fade */
.nocorte-proximos-carousel-wrapper::before,
.nocorte-proximos-carousel-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.nocorte-proximos-carousel-wrapper::before {
	left: 0;
	background: linear-gradient(to right, rgba(63, 75, 255, 1) 0%, rgba(63, 75, 255, 0) 100%);
}

.nocorte-proximos-carousel-wrapper::after {
	right: 0;
	background: linear-gradient(to left, rgba(63, 75, 255, 1) 0%, rgba(63, 75, 255, 0) 100%);
}

/* Force light mode even when system is in dark mode */
@media (prefers-color-scheme: dark) {
	.nocorte-carousel-item .nocorte-contest-card {
		background: #FFFFFF !important;
		color-scheme: light !important;
		-webkit-color-scheme: light !important;
	}

	.nocorte-carousel-item .nocorte-contest-card * {
		color-scheme: light !important;
		-webkit-color-scheme: light !important;
	}

	.nocorte-carousel-item .nocorte-contest-card__title {
		color: #1F2937 !important;
	}

	.nocorte-carousel-item .nocorte-contest-card__subtitle {
		color: #6B7280 !important;
	}

	.nocorte-carousel-item .nocorte-contest-card__meta li {
		color: #4B5563 !important;
	}

	.nocorte-carousel-item .nocorte-contest-card__link {
		color: #000000 !important;
	}

	.nocorte-carousel-item .nocorte-contest-card__logo--empty {
		background: #F3F4F6 !important;
		border: 2px dashed #D1D5DB !important;
	}
}