.top { z-index: 600 !important; }
	.menu-header{ position: relative !important; z-index: 9999 !important; height: 160px; }
	section.trabalhe-conosco{ margin-bottom: 8rem; min-height: 50vh !important; }
	section.formulario{ margin-bottom: 8rem; }
	section.section-show{ position: relative; z-index: 10; }
	section.politicas { box-shadow: none !important; margin-bottom: 8rem; }
	
	.area-infos {
		padding: 1.25rem 0 !important;
		display:none !important;
	}
	.area-logo-address {
		height: 160px;
		z-index: 9998 !important;
		position: fixed !important;
		top: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		background-color: white !important;
		border-top: 1.25rem solid var(--secondary-color) !important; 
		
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20);
		box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20);
	}	
	
	.box-menu{
		width: 70%;
	}
	.menu nav ul {
		background-color: rgb(255,255,255,0);
		list-style-type: none;
		display: flex;
		justify-content: end !important;
		margin-bottom: 0 !important;
	}
	.menu nav li {
		background-color: #f8f6ef;
		background-color: rgb(255,255,255,0);
		text-align: center;
		/* flex: 0 1; */
		flex: initial;
		border-right: 0px solid #e2e2e2; 
		padding: 4px 20px;
		border-radius: 4px;
		margin-right: 1px;	
	}
	.menu nav li:hover { background-color: rgb(255,255,255,0); }
	.menu nav li.home { background-color: rgb(255,255,255,0); }
	.menu nav li.home a { color: #000000; }	
	.menu nav li.home:hover { background-color: rgb(255,255,255,0); }
	
	
	.row{ display: flex; width: 100% !important; gap: 4rem; }
	.col-12{ width: 100%; max-width: 100%; }
	.col-6{ width: 50%; max-width: 100%; }
	.col-4{ width: 33.33333333%; max-width: 100%; }
	.col-3{ width: 25%; max-width: 100%; }


	
	.services .wrapper-service {
		width: 22rem !important;
	}
	.services .wrapper-service p {
		 max-width: initial !important;
	}

	/* Slider Principal */
		.slider-item{
			height: 75vh;
			width: 100%;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}

	.swiper-slide {
		height: auto !important;
		/*border: 1px dotted red;*/
	}
	.swiper-content {
		height: 100% !important
	}
	.boxWrapperContent{
		position: relative;
		width: 100%;
		max-width: 100vw;
		height: 100% !important
	}
	.boxWrapperContent::before, .boxWrapperContent::after {
		content: "";
		position: absolute;
		top: 0;
		width: 3rem;
		height: 100%;
		z-index: 2;
	}
	.boxWrapperContent::before {
		background: linear-gradient(to left, rgba(248, 246, 239, 0), #f8f6ef);
		background: linear-gradient(to left, rgba(248, 246, 239, 0), #eee);
		background: linear-gradient(to left, rgba(248, 246, 239, 0), #f7f5ee 70%);
		/*background: linear-gradient(to left, rgba(248, 246, 239, 0), #d5aa13);*/
		left: 0;
	}
	.boxWrapperContent::after {
		background: linear-gradient(to right, rgba(248, 246, 239, 0), #eee);
		background: linear-gradient(to right, rgba(248, 246, 239, 0), #f8f6ef 70%);
		/*background: linear-gradient(to right, rgba(248, 246, 239, 0), #d5aa13);*/
		right: 0;
	}

	.localizacao {
		max-width: 1300px;
		margin: 0 auto;
		padding: 10rem 0.8rem;
		padding-bottom: 5rem;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem;
	}
	.localizacao-mapa{
		width: 750px;
	}
	.localizacao-mapa .mapa{ width: 100%; height: 500px; }

	#localUnidadesNone{ 
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		text-align: center;
		font-size: 3rem;	
	}
	#localUnidades{ display: none; }
	#localUnidades h4{ font-size: 2.5rem; }

	.feature {
		border-color: #e3e3e3;
	}
	.feature {
		padding: 2em 2em 0.1em 2em;
		border-style: solid;
		border-width: 0px;
		/*margin-left: -1px;*/
		/*margin-top: -1px;*/
		/*width: 33.33333%;*/
	}
	.select-box{
		height: 2.75em;
		background: rgba(144, 144, 144, 0.075);
		border-color: #e3e3e3;	
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;		
	}
	#dadosLojas{
		overflow-y: auto;
		height: auto;
		min-height: 40vh;
	}
	#dadosLojas img{
		margin-top: 4px;
		max-height: 100px;
		width: auto;
		border-radius: 4px;
	}

	.area-comment {
		 background-color: rgb(255,255,255,0)!important; 
		 box-shadow: none !important; 
	}	
	.comment-box { font-size: 1.75rem; }
	.profile .name { font-size: 1.4rem; }
	.profile .profession { font-size: 1.4rem; }


	.feedback{ margin-bottom: 4rem; }
	
	.vagas {
		max-width: 800px;
	}	
	.vaga {
		max-width: 800px;
		padding: 30px 12px 30px 24px;
	}	
	
	
	
	.formulario {
		max-width: 1300px;
		margin: 50px auto;
		background: #ffffff;
		padding: 30px;
		border-radius: 12px;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	}

	h1 {
		font-size: 28px;
		font-weight: bold;
		color: #4a90e2;
		margin-bottom: 20px;
		text-align: center;
	}

	form label {
		font-size: 14px;
		font-weight: 500;
		display: block;
		margin: 10px 0 5px;
	}

	form input, form select, form button {
		width: 100%;
		padding: 12px;
		margin-bottom: 15px;
		border: 1px solid #d9d9d9;
		border-radius: 6px;
		font-size: 14px;
		background-color: #fafafa;
	}

	form input:focus, form select:focus {
		outline: none;
		border-color: #4a90e2;
		background-color: #ffffff;
		box-shadow: 0 0 4px rgba(74, 144, 226, 0.3);
	}

	form button {
		background-color: #003366;
		color: white;
		font-size: 16px;
		font-weight: bold;
		border: none;
		cursor: pointer;
		transition: background-color 0.3s ease;
		padding-left: 24px;
		padding-right: 24px;
		width: auto;
		margin: 0 auto;
	}

	form button:hover {
		background-color: #003366;
	}

	.radio-group {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 15px;
	}
	.radio-group-item {
		display: flex;
		gap: 0 24px;
	}

	.radio-group input {
		width: auto;
		margin-right: 5px;
	}

	.file-input {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.file-input input[type="file"] {
		border: none;
	}

	.info {
		font-size: 12px;
		color: #666;
		margin-top: -10px;
		min-width: 100px;
		margin-left: 12px;
	}
	
	.box-button{
		display: flex;
		width: auto;
		margin: 0 auto;
		margin-top: 16px;
	}
	
	
	.btn-back{
		position: relative;
		padding-left: 16px;
		color: #000;
		font-size: 1.5rem;
		text-decoration: none;
		font-weight: 600;
	}
	.btn-back::before {
		content: "❮"; /* Seta para a esquerda */
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		color: #fab026; /* Cor do símbolo */
		font-size: 1.5rem; /* Tamanho maior para destaque */
	}
	
	
	.footer {
		background: #003366 !important;
	}
	.footer-container {
		max-width: 1300px;
	}
	.footer-logo {
		max-width: 150px;
		margin-left: 0; 
	}
	.footer-section {
		margin: 1rem 0;
	}
	.copyright{
		font-size: 1.2rem;
	}

@media (max-width: 768px) {
	section.about-us { padding: 8rem 20px !important; }
	section.services { padding: 8rem 20px !important; }	
	section.clients { padding: 8rem 20px !important; }
	section.contact { padding: 8rem 20px !important; }
	section.location { padding: 8rem 20px !important; }
	section.depoimentos { padding: 8rem 20px !important; }
	section.politicas { padding: 8rem 20px !important; }
	section.trabalhe-conosco { padding: 8rem 20px !important; }

	/* Slider Principal */
		.slider-item{
			height: 40vh !important;
		}	

	.services h1 {
		font-size: 2.75rem !important;
		line-height: 1.1 !important;
	}	
	
	.box-menu {
		text-align: end !important;
	}	
	.menu{
		position: absolute !important;
		left: 0 !important;
		width: 100% !important;
		margin-top: 50px !important;
	}
	.menu nav ul { background-color: rgb(255,255,255,1) !important; width: 100% !important; align-items: center !important; }
	.menu nav ul li { width: 99% !important; margin-bottom: 1px !important; background-color: #f8f6ef !important; }
	.menu nav a { padding: 1.5rem 0 !important; }

	
	.contact .area-contact {
		flex-direction: column !important;
	}	
	.contact .area-contact-text {
		width: 100% !important;
		padding-left: 0 !important;
	}
	.contact .form-contact {
		width: 100% !important;
	}
	
	.swiper {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: rgb(255,255,255,0) !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.swiper-pagination { bottom: 0px !important; }
	.boxWrapperContent::before, .boxWrapperContent::after { display: none !important; }
	
	.area-comment { height: calc(100% - 0px) !important; padding: 2rem 0 !important; margin-bottom: 30px !important; }
	
	
	
	.profile{ 
		width: 100% !important;
		height: auto !important;
	}
	.profile img{ 
		width: 96px !important;
		height: 96px !important;
	}	
	
	
	.filtros { flex-direction: column !important; }
	.filtro { font-size: 16px !important; }

	.services .cards {
		gap: 1.5rem !important;
	}	
	.services .wrapper-service {
		width: 45% !important;
		gap: 2rem !important;
		padding: 2.2rem 1.25rem !important;
		border-radius: .4rem !important;
	}
	.services .wrapper-service p {
		max-width: initial !important;
		font-size: 1.35rem !important;
	}


	
	.boxWrapperContent{
		max-width: 100vw !important;
		height: 50vh !important;
	}
	.boxWrapperContent::before, .boxWrapperContent::after {
		width: 6rem !important;
	}
	
	.localizacao { 
		grid-template-columns: repeat(1, 1fr) !important;
		max-width: 100vw !important; 
		overflow: hidden;
	}	
	.localizacao .localizacao-mapa{ 
		position: relative !important; 
		width: 100% !important; 
		height: 0 !important; 
		
		/* zoom  de 150% */
		padding-bottom: 80% !important;
		
		/*width: 125% !important; */
		/*padding-bottom: 70% !important; */
		
		/*width: 140% !important; */
		/*padding-bottom: 80% !important; 		*/
	}
	
	.localizacao .localizacao-mapa .mapa{ 
		/*position: absolute !important;*/
		
		position: relative !important; 
		top: 0; 
		left: -10% !important;
		width: 100% !important; 
		height: 100% !important;
		
		/* zoom  de 180% */
		transform: scale(1.80); /* Escala o mapa para 200% */
		transform-origin: top left; /* Define a origem da escala */
		width: 55.56%; /* Ajusta a largura para compensar o zoom */
		height: 55.56%; /* Ajusta a altura para compensar o zoom */	
		
		/* zoom  de 150% */
		transform: scale(1.50); /* Escala o mapa para 200% */
		transform-origin: top left; /* Define a origem da escala */
		width: 66.67%; /* Ajusta a largura para compensar o zoom */
		height: 66.67%; /* Ajusta a altura para compensar o zoom */			
	}
		
	.localizacao .localizacao-infos{ margin-top: 45px !important; }
	
	  .google-visualization-tooltip {
		  font-size: 11px !important; /* Ajusta o tamanho da fonte */
		  font-family: Arial, sans-serif; /* Define a fonte */
	  }
	

    .row {
        gap: 0rem !important;
        flex-direction: column !important;
    }
	.col-12{ width: 100% !important; max-width: 100%; }
	.col-6{ width: 100% !important; max-width: 100%; }
	.col-4{ width: 100% !important; max-width: 100%; }
	.col-3{ width: 100% !important; max-width: 100%; }	

	form button { width: 100% !important; }

	.footer-container {
		padding: 0 20px !important;
	}	
	.footer-logo {
		max-width: 160px;
		margin-left: 0 !important;
	}	
	.footer-section.logotipo {
		max-width: 120px !important;
		margin: 0 auto !important;
		text-align: center !important;
	}	
	
	
	
}