/*
==============================================
ESTILOS PARA O LAYOUT DE DUAS COLUNAS
==============================================
*/

/* Container principal que controlará o layout */
.layout-principal {
	display: flex; /* Ativa o Flexbox */
	justify-content: space-between; /* Garante que o espaço seja distribuído */
	align-items: flex-start; /* Alinha os blocos pelo topo */
	gap: 50px; /* Cria o espaço de 20px entre as colunas */
	margin-bottom: 30px;
}
/* Define que cada coluna deve ocupar o espaço disponível igualmente */
.layout-coluna-esquerda,
.layout-coluna-direita {
	flex: 1; /* Faz com que as colunas cresçam e dividam o espaço */
	min-width: 0; /* Ajuda a prevenir que o conteúdo "vaze" da coluna */
}


/*
==============================================
AJUSTES PARA DISPOSITIVOS MÓVEIS (RESPONSIVO)
==============================================
*/

/* Media query para telas com largura máxima de 768px (tablets e celulares) */
@media (max-width: 768px) {
	
	/* Muda a direção do flexbox para coluna */
	.layout-principal {
		flex-direction: column; /* Coloca um bloco sobre o outro */
		gap: 30px; /* Aumenta o espaçamento vertical entre os blocos */
	}

}

.form-container {
	padding: 25px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	width: 100%;
	margin: auto;
}

.form-container h3 {
	margin: 0;
	font-size: 22px;
}

.form-container form {
	margin-top: 20px;
}
.form-container label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#notificacao {
	max-width: 50%;
	min-width: 400px;
	color: #ffffff;
	font-size: 16px;
	padding: 30px;
	margin-bottom: 10px;
	border: none;
}

#notificacao.success {
	background-color: green;
}
#notificacao.warning {
	background-color: orange;
}
#notificacao::backdrop {
	background-color: #5a5a5a7c;
}

#notificacao button {
	background-color: #efefef;
	color: #000;
	padding: 5px 10px;
	border: none;
	transition: .4s;
	outline: none;
}

#notificacao button:hover {
	transform: scale(1.05);
}

.form-container .required {
	font-style: italic;
	font-size: 12px;
}
.form-container input[type="text"],
.form-container input[type="email"],
.form-container textarea,
.form-container select {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
}

.form-container input[type="file"] {
	margin-bottom: 15px;
}



.form-container button {
	width: 100%;
		color: #C6D320;
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		padding: 5px;
		display: flex
	;
		align-items: center;
		justify-content: center;
		gap: 8px;
		background-color: transparent;
		border-radius: 5px;
		transition: all .3s ease;
		border: 3px solid #C6D320;
}

.form-container button:hover {
	color: #ffffff;
	background-color: #C6D320;
}

.campos-ocultos {
	display: none;
}




.jet-banner {
  position: relative;
}
.jet-banner .jet-container {
  list-style: none;
  margin: 0;
  padding: 0;
}
.jet-banner .jet-container .jet-children-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.jet-banner .jet-container .jet-children {
  text-align: center;
  width: 100%;
}
.jet-banner .jet-container .jet-children .image {
  display: flex;
  width: 100%;
}
.jet-banner .jet-container .jet-children .image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.jet-banner .jet-container .jet-children .image.video iframe {
  min-height: 400px;
}
.jet-banner .jet-container .jet-children .description {
  display: none;
}
.jet-banner .jet-container .jet-children .description .content {
  color: #fff;
}
.jet-banner .jet-container.slick-dotted {
  margin-bottom: 0;
}
.jet-banner .full-banner .image {
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .jet-banner .full-banner .image {
	padding: 0;
  }
}
.jet-banner .full-banner .jet-children-container {
  margin: 0;
}
.jet-banner .full-banner .jet-children-container:not(.tns-slider) {
  display: grid;
  grid-auto-flow: column;
}
.jet-banner
  .full-banner
  .jet-children-container:not(.tns-slider)
  .jet-children {
  padding: 0;
  min-width: 100vw;
}
.jet-banner
  .full-banner
  .jet-children-container:not(.tns-slider)
  .jet-children
  img {
  aspect-ratio: auto;
}
.jet-banner .full-banner .jet-children-container .jet-children {
  padding: 0;
}
.jet-banner .full-banner img.ng-failed-lazyloaded,
.jet-banner .full-banner img.ng-lazyloading {
  width: auto;
  transform: none;
  margin: var(--space-md) auto;
}
.jet-banner .full-banner .slick-dots {
  bottom: 0;
  margin-bottom: var(--space-md);
}
@media only screen and (max-width: 764px) {
  .jet-banner .full-banner img {
	max-width: 100%;
  }
  .jet-banner .central-banner .image {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
  }
  .jet-banner .central-banner .image img {
	border-radius: var(--space-md);
  }
}