/* Estilos para a área de vídeo hero */
	.video-hero-container {
		width: 100%;
		background-color: #000;
		position: relative;
		overflow: hidden;
		height: calc(100vh - 100px);
	}
	
	.video-hero-wrapper {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		height: 100%;
	}
	
	.video-hero {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Garante que o vídeo preencha sem distorcer */
		display: block;
	}
	
	/* Vídeo wide para desktop */
	.video-wide {
		display: block;
	}
	
	/* Vídeo square para mobile */
	.video-square {
		display: none;
	}
	
	/* Media query para mobile */
	@media screen and (max-width: 768px) {
		.video-hero-container {
			height: calc(100vh - 60px); /* Header menor no mobile */
		}
		
		.video-hero {
			height: 100%;
		}
		
		.video-wide {
			display: none;
		}
		
		.video-square {
			display: block;
		}
	}
	
	/* Botão Ver Mais com seta */
	.scroll-down-button {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 20;
		background-color: rgba(0, 178, 89, 0.9);
		color: white;
		border: 2px solid white;
		border-radius: 50px;
		padding: 12px 30px;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s ease;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}
	
	.scroll-down-button:hover {
		background-color: rgba(0, 178, 89, 1);
		transform: translateX(-50%) translateY(-5px);
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
		color: white;
	}
	
	.scroll-down-button .arrow {
		display: inline-block;
		animation: bounce 2s infinite;
		font-size: 20px;
	}
	
	/* Overlay de informações sobre o vídeo */
	.video-info-overlay {
		position: absolute;
		bottom: 120px; /* Posicionado acima do botão "Ver Mais" */
		left: 5%;
		z-index: 15;
		text-align: left;
		color: white;
		width: 90%;
		max-width: 600px;
		padding: 0 20px;
	}
	
	.video-info-overlay .linha-label {
		font-size: 25px;
		font-weight: normal;
		color: white;
		margin-bottom: 5px;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
	}
	
	.video-info-overlay .supreme-title {
		font-size: 72px;
		font-weight: bold;
		color: white;
		margin: 0;
		line-height: 0.9;
		text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.9);
		letter-spacing: -2px;
	}
	
	.video-info-overlay .brand-logo {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 15px 0;
	}
	
	.video-info-overlay .brand-logo img {
		height: 35px;
		width: auto;
		filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8));
	}
	
	.video-info-overlay .rating {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-top: 10px;
	}
	
	.video-info-overlay .stars {
		color: #FFD700;
		font-size: 18px;
		letter-spacing: 2px;
	}
	
	.video-info-overlay .rating-text {
		color: white;
		font-size: 14px;
		opacity: 0.95;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
	}
	
	.video-info-overlay h1 {
		font-size: 48px;
		font-weight: bold;
		line-height: 1.2;
		margin: 20px 0 0 0;
		text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
		color: white;
	}
	
	.video-info-overlay .subtitle {
		font-size: 20px;
		margin-top: 15px;
		opacity: 0.95;
		text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
	}
	
	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
			transform: translateY(0);
		}
		40% {
			transform: translateY(-10px);
		}
		60% {
			transform: translateY(-5px);
		}
	}
	
	@media screen and (max-width: 768px) {
		.scroll-down-button {
			padding: 10px 25px;
			font-size: 14px;
			bottom: 20px;
		}
		
		.video-info-overlay {
			bottom: 90px; /* Mais próximo do botão no mobile */
			left: 3%;
			padding: 0 15px;
			max-width: 90%;
		}
		
		.video-info-overlay .linha-label {
			font-size: 20px;
			margin-bottom: 3px;
		}
		
		.video-info-overlay .supreme-title {
			font-size: 42px;
			letter-spacing: -1px;
		}
		
		.video-info-overlay .brand-logo img {
			height: 25px;
		}
		
		.video-info-overlay .stars {
			font-size: 14px;
		}
		
		.video-info-overlay .rating-text {
			font-size: 11px;
		}
		
		.video-info-overlay h1 {
			font-size: 28px;
		}
		
		.video-info-overlay .subtitle {
			font-size: 16px;
			margin-top: 10px;
		}
	}
	
	/* Overlay opcional para CTAs sobre o vídeo */
	.video-overlay {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
		text-align: center;
		width: 90%;
		max-width: 600px;
	}
	
	.video-overlay .button {
		background-color: #00b259;
		color: white;
		padding: 15px 40px;
		font-size: 18px;
		font-weight: bold;
		border-radius: 5px;
		text-decoration: none;
		display: inline-block;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(0, 178, 89, 0.4);
	}
	
	.video-overlay .button:hover {
		background-color: #009547;
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(0, 178, 89, 0.6);
		color: white;
	}
	
	.video-overlay .button:focus {
		color: white;
	}
	
	.mvp-unmute-toggle {
		display: none !important;
	}
	.mvp-skin-flat-dark .mvp-big-play svg {
		color: #00b259!important;
	}