.conteudo_principal{
	margin-top: 0;
}

.banner_principal__container{
	margin-top: 3rem;
}


.video-antivandalismo__area-geral,
.video-arquitetonico__area-geral{
	& a{
		display: grid;
		place-content: center;
		padding: 9px 0;
		font-weight: 800;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		background: var(--laranja-insulfilm);
		border-radius: 10px;
	}

	& video {
   	display: block;
   	width: 100%;
   	height: auto;
	}
}


.video-antivandalismo__area-geral{
	margin: 120px 0 3rem 0;

	.frase__vav{
		width: 90%;
		margin: 0 auto;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.3em;
		color: var(--azul-insulfilm);

		.frase-titulo{
			font-size: 1.3em;
			font-weight: 700;
		}

		.nome-produto__vav{
			margin-top: 0.4em;
			font-size: 2em;
			font-weight: 900;
			color: var(--laranja-insulfilm);
			line-height: 0.9em;
		}

		.slogan__vav{
			margin-top: 0.2em;
			font-weight: 500;
			line-height: 1.1em;
		}


		@media (width >= 600px){
			font-size: 1.5rem;
		}
	}

	.video-antivandalismo{
		--areaControles: 70px;

		margin-top: 1em;


		@media (width >= 1400px){
			--areaControles: 90px;
		}
	}

	& a{
		width: 80%;
		margin: 2rem auto 0;
		font-size: 1.4rem;

		@media (width >= 600px){
			padding: 7px 3rem;
			font-size: 1.5rem;
		}
	}


	@media (width >= 1281px){
		margin-top: 150px;
	}
}


.video-arquitetonico__area-geral{
   display: flex;
   flex-direction: column;
   row-gap: 1rem;
   width: 100%;
   margin-top: 4rem;
	margin-bottom: 4rem;
   background: rgb(0 0 0 / 5%);

	.texto__varq{
		flex: 1;
		margin: 1.5rem 1.5rem 0;
		font-size: 1.2rem;
		font-weight: 700;
		text-align: center;
		text-wrap: balance;
		line-height: 1.2em;
		
		.texto-1{
			color: var(--azul-insulfilm);
		}

		.texto-2{
			margin-top: .5em;
			color: var(--laranja-insulfilm);
		}


		& a{
			width: 100%;
			margin-top: 1em;
			font-size: 1.2rem;
			
			@media (width >= 1200px){
				font-size: 1.5rem;
			}
		}


		@media (width >= 1000px){
			font-size: clamp(1.2rem, 2vw, 2.2rem);
		}
	}

	.video-arquitetonico{
		position: relative;
		flex: 1;
	}


	@media (width >= 1000px){
		flex-direction: row-reverse;align-items: center;

		.texto__varq{
			margin: 0 3rem;
		}

		.video-arquitetonico{
			flex: 0 0 60%;
		}
	}
}



@media only screen and (min-width:1440px) {
	.banner_principal-gde {
		width: 100% !important;
	}
}