/*  
Theme Name: GN9V
Theme URI: https://www.gn9v.com.br/
Description: Este tema WordPress foi criado exclusivamente para <strong>GN9V</strong>, refletindo um design único e funcionalidades personalizadas para atender às necessidades específicas do projeto. A cópia total ou parcial deste tema é estritamente proibida. Todos os direitos reservados.
Author: Mustache
Version: 1.0.0
Author URI: https://mustache.com.br
*/

* { font-family: "Roboto", sans-serif; box-sizing: border-box; } body { padding: 0; margin: 0; background: #fff; color: #000; } html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @media screen { img { width: auto; } } a, a:hover { text-decoration: none; outline: none; } p { margin: 0 0 20px; padding: 0; } ul, ol, li { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; } h1 { font-size: 2em; } h2 { font-size: 2.2em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } html { scroll-behavior: smooth; } button, button:focus { cursor: pointer; outline: none; border: 0 } .grecaptcha-badge { display: none !important; } section { scroll-margin-top: 70px; } @keyframes piscarLento { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }


/*Menu*/
#menu {
	width: 100%;
	padding: 15px 10%;
	background: #fff;
	position: sticky;
	height: auto;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;

	& .navbar {
		padding: 0;

		& .navbar-brand {
			padding: 0;
			margin: 0;

			& img {
				max-height: 50px;
				width: auto;
				margin-bottom: 0px;
				margin-right: 15px;
			}
		}
	}

	& .navbar-expand-xl .navbar-collapse {
		margin: 0px auto;
	}

	& .navbar-expand-xl .navbar-nav {
		margin: 0 0 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 35px;

		& .dropdown-menu {
			position: absolute;
			background: #fff;
			font-size: .9rem;
			margin: 0 -10px;

			&:before {
				content: '';
				top: -16px;
				position: absolute;
				left: 10%;
				width: 0;
				height: 0;
				border-right: 8px solid transparent;
				border-top: 8px solid transparent;
				border-left: 8px solid transparent;
				border-bottom: 8px solid #ffffff;
			}
		}
	}

	& .navbar-nav .nav-item {
		margin: 5px 0px;
		padding: 10px 5px;
	}

	& .navbar-nav .nav-link {
		color: #15385c;
		font-size: 1.1rem;
		font-weight: 500;
		transition: .3s;
		padding: 10px 0px;
		margin: 0 0px;

		&:hover {
			color: #e74732;
		}
	}

	&.navbar-nav li:hover .dropdown-menu {
		display: block;
	}

	& .dropdown-item:hover {
		display: block;
		width: 100%;
		padding: 0.25rem 1.5rem;
		clear: both;
		color: #15385c;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}

	& .dropdown-toggle::after {
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		color: #e74732;
		display: inline-block;
		font-size: 11px;
		width: 15px;
		height: 15px;
		margin-left: .355em;
		vertical-align: 0.055em;
		border-top: 0em solid;
		border-right: 0em solid transparent;
		border-bottom: 0;
		border-left: 0em solid transparent;
	}

	& .dropdown-menu li a {
		padding: 5px 15px;
		font-weight: 300;
	}

	& .collapse navbar-collapse {
		margin-top: 7px;
	}

	.redes {
		width: max-content;
		max-width: 100%;
		display: flex;
		gap: 10px;
		justify-content: center;
		align-items: center;
		margin: 0 0 0 30px;

		.item {
			color: #fff;
			background: #e74732;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1rem;
			transition: .3s;
			line-height: 1rem;

			&:hover {
				background: #15385c;
			}
		}
	}
}

/*Hero*/
.hero {
  position: relative;
  width: 100%;
  min-height: 500px;
  aspect-ratio: 1440 / 500;
  overflow: hidden;
  display: flex;
  align-items: center;
  .hero__bg-fallback {
    position: absolute;
    inset: 0;
    background: #0d1b3e;
    z-index: 0;
  }
  .hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
  }
  .hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 50, 0.55);
    z-index: 2;
  }
  .hero__inner {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    padding: 0 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
  }

  .hero__content {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

  .hero__title {
    font-weight: 900;
    font-size: clamp(1.8rem, 3.8vw, 4rem);
    line-height: 1.1;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: -0.01em;
  }

  .hero__desc {
    font-size: clamp(0.9rem, 1.4vw, 1.1rem);
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.6;
    margin: 0;
  }

  .hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.25rem;
  }

  .btn-hero {
    display: inline-block;
    font-weight: 700;
    font-size: clamp(0.8rem, 1.1vw, 0.95rem);
    letter-spacing: 0.04em;
    padding: 0.75rem 1.75rem;
    border-radius: 3px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
  }

  .btn-hero--primary {
    background: #e74732;
    color: #fff;
    border: 2px solid #e74732;
  }
  .btn-hero--primary:hover {
    background: #c93b28;
    border-color: #c93b28;
    color: #fff;
    transform: translateY(-1px);
    text-decoration: none;
  }

  .btn-hero--outline {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.55);
  }
  .btn-hero--outline:hover {
    border-color: #fff;
    color: #fff;
    transform: translateY(-1px);
    text-decoration: none;
  }

  .hero__right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 2.5rem;
  }

  .hero__counter {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .counter-box {
    border: 2.5px solid #e74732;
    padding: 40px 80px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .counter-box::after {
    content: '';
    position: absolute;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: rgba(231, 71, 50, 0.65);
    animation: piscarLento 2s infinite ease-in-out;
  } 
  .counter-label-top {
    font-weight: 600;
    font-size: clamp(0.8rem, 1.3vw, 1rem);
    color: #ffffff;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 0.15rem;
  }

  .counter-number-row {
    display: flex;
    align-items: flex-end;
    position: relative;
  }

  .counter-number {
    font-weight: 900;
    font-size: 15rem;
    color: #e74732;
    line-height: 0.9;
  }

  .counter-unit {
    font-weight: 700;
    font-size: clamp(0.85rem, 1.4vw, 1.1rem);
    color: #ffffff;
    letter-spacing: 0.08em;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    text-transform: uppercase;
    position: absolute;
    right: -1rem;
    top: 50%;
  }

  .counter-stand {
    font-weight: 700;
    font-size: clamp(0.75rem, 1.2vw, 0.95rem);
    color: #ffffff;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    justify-content: center;
  }

  .counter-stand .stand-label { color: #e74732; }
  .counter-stand .stand-num {
    font-size: clamp(1rem, 1.8vw, 1.35rem);
    font-weight: 900;
  }

  .hero__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero__logo img {
    height: 70px;
    width: auto;
  }   
}

@keyframes piscarLento {
  0%, 100% { opacity: 1; }
  50%	{ opacity: 0.25; }
}

/*Sobre*/
.sobre{
	color: #15385c;
	padding: 0;
	border-block: solid 1px #15385c;
	.opening{
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		padding: 30px;
		letter-spacing: 2px;
		font-size: 1.2rem;
		text-align: center;
	}
	.faixa-superior{
		display: block;
		margin: 0px auto;
		width: 1000px;
		max-width: 100%;
	}
	.botoes{
		margin: 50px auto;
		display: block;
		text-align: center;
		.botao{
			padding: 15px;
			display: inline-block;
			width: 300px;
			max-width: 100%;
			color: #fff;
			font-size: 1.2rem;
			font-weight: 600;
			margin: 0 5px;
		}
		.solucoes{
			background: #15385c;
			transition: .3s;
			&:hover{
				background: #e74732;
			}
		}
		.consultor{
			background: #e74732;
			transition: .3s;
			&:hover{
				background: #15385c;
			}
		}		
	}
	.certificacoes{
		border-block: solid 1px #15385c;
		padding: 0 10%;
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
		li{
			padding: 40px;
			border-right: solid 1px #15385c;
			width: 25%;
			text-align: center;
			font-weight: 700;
			&:last-child{
				border-right: 0;
			}
		}
	}
	.textos{
		padding: 60px 10% 60px 20%;
		h2 {
			font: italic 900 3rem/1.1 sans-serif;
			margin: 0 0 15px;
		}
		p{
			font: normal 400 1.2rem/1.5 sans-serif;
		}
	}
	.essencia{
		border-left: solid 1px #15385c;
		padding: 60px 20% 60px 10%;
		/*margin-left: -1px;*/
		h3{
			margin: 0 0 15px;
			font-weight: 700;
			font-size: 1.6rem;
			line-height: 1.1;
			display: flex;
			align-items: center;
			gap: 10px;
			&::before{
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				background-color: #e74732;
			}
		}
		ul.pilares{
			list-style: none;
			li{
				background: #15385c;
				padding: 25px;
				color: #fff;
				margin: 10px 0;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				gap: 25px;
				transition: .3s;
				&:before{
					content: '';
                    display: block;
                    width: 70px;
                    height: 70px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
				}
				&:hover{
					background: #11304e;
				}
				span.titulo{
					display: block;
					font-weight: 600;
					font-size: 1.5rem;
				}
				p{
					margin: 0;
					width: calc(100% - 100px);
				}
			}
			.proposito{
				&:before{
					background-image: url(images/proposito.webp);
				}
			}
			.missao{
				&:before{
					background-image: url(images/missao.webp);
				}
			}
			.visao{
				&:before{
					background-image: url(images/visao.webp);
				}
			}	
			.valores{
				&:before{
					background-image: url(images/valores.webp);
				}
			}									
		}
	}
}

/*Soluções*/
.solucoes{
	padding: 80px 10%;
	color: #15385c;
	border-block: solid 1px #15385c;
	h2{
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 2px;
		font-size: 1.8rem;
		text-align: center;
	}
	.faixa-head{
		display: block;
		margin: 40px auto;
		width: 1000px;
		max-width: 100%;
	}	
	ul{
		display: flex;
		gap: 30px;
		flex-wrap: wrap;
		list-style: none;
		li{
			width: calc(25% - 25px);
			border: solid 1px #15385c;
			padding: 60px 40px;
			text-align: center;
			img{
				display: block;
				margin: 0 auto 15px;
				height: 100px;
			}
			h4{
				margin: 0;
				font-weight: 800;
			}
			p{
				margin: 0;
			}
		}
	}
	.faixa-close{
		display: block;
		margin: 80px auto 60px;
		width: 800px;
		max-width: 100%;
	}
	.closure{
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 2px;
		font-size: 1.1rem;
		text-align: center;
	}	
}

/*Equipamentos*/
.equipamentos{
	padding: 80px 10%;
	color: #15385c;
	border-block: solid 1px #15385c;
	h2{
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 2px;
		font-size: 1.8rem;
		text-align: center;
	}
	.faixa-head{
		display: block;
		margin: 40px auto;
		width: 1000px;
		max-width: 100%;
	}	
	

    /* ===== TABS ===== */
    .produtos-tabs {
      border-bottom: 2px solid #666;
      margin-bottom: 2.5rem;
    }

    .produtos-tabs .nav-item {
      margin-bottom: -2px;
    }

    .produtos-tabs .nav-link {
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      padding: 0.75rem 1.5rem;
      border: none;
      border-bottom: 3px solid transparent;
      border-radius: 0;
      background: none;
      transition: color 0.2s, border-color 0.2s;
	  color: #666;
    }

    .produtos-tabs .nav-link:hover {
      color: #e74732;
      border-bottom-color: #e74732;
    }

    .produtos-tabs .nav-link.active {
      color: #15385c;
      border-bottom-color:#e74732;
      background: none;
    }

    .produto-card {
      border: 1.5px solid #15385c;
      border-radius: 4px;
      overflow: hidden;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: box-shadow 0.22s, border-color 0.22s;
      background: #fff;
	  padding: 20px;
    }

    .produto-card:hover {
      box-shadow: 0 4px 18px rgba(0, 51, 153, 0.10);
    }

    .produto-card__imagem {
      background: #15385c;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 190px;
      overflow: hidden;
    }

    .produto-card__imagem img {
      max-height: 200px;
      max-width: 70%;
      object-fit: contain;
    }

    .produto-card__imagem--placeholder {
      background: #15385c;
    }

    .produto-card__imagem--placeholder svg {
      opacity: 0.18;
    }

    .produto-card__body {
      padding:20px 0 0;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .produto-card__titulo {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-bottom: 0.25rem;
    }

    .produto-card__modelo {
      font-size: 1.05rem;
      font-weight: 800;
      color:#e74732;
      margin-bottom: 0.5rem;
      letter-spacing: 0.01em;
    }

    .produto-card__descricao {
      font-size: 0.875rem;
      line-height: 1.55;
      margin-bottom: 1rem;
      flex: 1;
    }

    .produto-card__diferenciais {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }

    .diferencial-badge {
      display: inline-block;
      background: #15385c;
      color: #fff;
      font-size: 0.72rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      padding: 0.3rem 0.75rem;
      border-radius: 3px;
      text-transform: uppercase;
    }

    .btn-ver-mais {
      display: inline-block;
      background: #15385c;
      color: #fff;
      font-size: 0.9rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 0.85rem 2.5rem;
      border: none;
      border-radius: 3px;
      cursor: pointer;
      transition: background 0.2s, transform 0.15s;
    }

    .btn-ver-mais:hover {
      background: #e74732;
      color: #fff;
      transform: translateY(-1px);
      text-decoration: none;
    }

    .produto-col.hidden {
      display: none;
    }
}

/*Alugue*/
.aluguel {
	/* Adicionamos a cor #15385c direto no shorthand de background */
	background: #15385c url(images/gn9v_aluguel.jpg) center no-repeat;
	background-blend-mode: multiply; /* Aqui acontece a mágica da mesclagem */
	background-size: cover;
	width: 100%;
	height: 360px;
	padding: 60px 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	justify-content: center;

	h1{
		margin: 0;
		color: #fff;
		line-height: 1.1;
		font-size: 2.5rem;
		text-align: center;
		font-weight: 900;
	}
	h2{
		margin: 0;
		color: #fff;
		line-height: 1.1;
		font-size: 1.6rem;
		text-align: center;
	}

    .botao {
      display: inline-block;
      background: #e74732;
      color: #fff;
      font-size: 0.9rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 0.85rem 2.5rem;
      border: none;
      border-radius: 3px;
      cursor: pointer;
      transition: background 0.2s, transform 0.15s;
	  &:hover {
		background: #15385c;
		color: #fff;
		transform: translateY(-1px);
		text-decoration: none;
		}	
    }

}

/*Formulário*/
.contato {
	padding: 80px 10%;
	color: #15385c;
	border-block: solid 1px #15385c;
	h2 {
		font-weight: 700;
		font-size: 2.8rem;
		line-height: 1.1;
		max-width: 100%;
		margin: 0 0 50px;
	}

	h5 {
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.2;
		max-width: 100%;
	}	
	a{
		display: block;
		color: #15385c;
		font-size: 1.2rem;
		transition: .3s;
		&:hover{
			color: #e74732;
		}
	}

	.formulario {
		#mc_embed_signup .mc-field-group{
			padding-bottom: 5px!important;
		}
		input, select {
			padding: 15px!important;
			outline: 0;
			margin: 5px 0;
			width: 100%;
			background: #fff!important;
			border: solid 1px #15385c!important;
			border-radius: 10px!important;
			transition: .3s;
			&:focus {
				border-color: #e74732!important;
			}
		}

		label {
			margin-bottom: 0;
		}

		input[type="submit"] {
			background: #15385c !important;
			color: #fff;
			padding: 18px 30px;
			width: 100%!important;
			height: auto!important;
			text-align: center;
			font-weight: 800!important@@;
			border-radius: 10px!important;
			margin-top: 10px!important;
			font-size: 1.2rem!important;
			text-transform: uppercase;
			border: 0!important;
			outline: 0;
			transition: .3s;
			&:hover {
				background: #e74732 !important;
				opacity: 1;
			}
		}

		.fluentform .ff-el-group {
			margin-bottom: 10px;
		}
	}
}

/*Rodape*/
.rodape {
	background: #fff;
	border-top: solid 1px #15385c;
	padding: 80px 10% 40px;

	img.logo {
		margin: 0 auto 0 0;
		display: block;
		height: 60px;
		width: max-content;
		max-width: 100%;
	}

	ul.nav {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 25px;
		justify-content: center;
		align-content: center;

		a {
			color: #15385c;
			font-size: 1.1rem;
			font-weight: 500;
			transition: .3s;
			padding: 10px 0px;
			margin: 0 0px;

			&:hover {
				color: #e74732;
			}
		}
	}

	.redes {
		width: max-content;
		max-width: 100%;
		display: flex;
		gap: 10px;
		justify-content: center;
		align-items: center;
		margin: 0 0 0 auto;

		.item {
			color: #fff;
			background: #15385c;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.5rem;
			transition: .3s;
			line-height: 1rem;

			&:hover {
				background: #e74732;
			}
		}
	}

	.copy {
		width: 100%;
		margin-top: 80px;

		& img {
			width: 40px;
			margin: 0 0 0 auto;
			display: block;
		}
	}
}

/*404*/
.naoencontrado {
	color: #000;
	padding: 200px 10%;
	margin-bottom: 0px;

	& h1 {
		font-weight: 700;
		font-size: 3rem;
		margin-bottom: 15px;
		color: #00759C;
	}

	& p {
		max-width: 90%;
		font-size: 1.4rem;
		line-height: 2.4rem;
		font-weight: 400;
	}

	& a {
		color: #00759C;

		transition: .3s &:hover {
			color: #00AEDA
		}
	}
}

/*Topo da página*/
.topo-pagina {
	background: #00759C;
	color: #fff;
	padding: 120px 10%;
	text-align: left;
	margin-bottom: 0px;

	& h1 {
		font-weight: 600;
		font-size: clamp(1.6rem, 3rem, 5rem);
		margin: 0;
	}
}

/*Página*/
.page {
	padding: 80px 10%;
	color: #000;
	text-align: justify;
	line-height: 1.6;
	font-size: 1.1rem;

	h1, h2, h3, h4, h5, h6 {
		width: 100%;
		margin: 20px auto 10px;
		color: #00759C;
		font-weight: 600;
		line-height: 1.2;
	}

	& th, td {
		text-align: left;
		border: 1px solid #e8e9eb;
		line-height: 140%;
		padding: 10px 14px;
	}

	& a {
		color: #00759C;
	}

	& label {
		width: 100%;
		text-align: left;
	}

	& select {
		text-transform: none;
		width: 100%;
		background: #f7f7f7;
		border: 0;
		padding: 10px 10px;
		color: #00759C;

		&:focus {
			outline: none;
			border: solid 1px #00759C;
		}
	}

	& input {
		width: 100%;
		background: #f7f7f7;
		color: #00759C;
		padding: 10px 15px;
		border: solid 1px #00759C;
		border-radius: 3px;

		&:focus {
			outline: none;
			border: solid 1px #00759C;
		}

		&[type="submit"] {
			background: #00759C;
			color: #00759C;
			padding: 10px 35px;
			width: auto;
			border: solid 1px #00759C;
			border-radius: 3px;
			transition: .3s;

			&:hover {
				background: #00AEDA;
				border-color: #00AEDA;
				color: #fff;
			}
		}
	}

	& textarea {
		width: 100%;
		height: 150px;
		background: #f7f7f7;
		color: #00759C;
		padding: 10px 15px;
		border: solid 1px #f7f7f7;
		border-radius: 3px;

		&:focus {
			outline: none;
			border: solid 1px #00759C;
		}
	}

	& ul, ol {
		list-style-position: inside;
		list-style: none;
	}

	& b, strong {
		color: #00759C;
	}
}

@media screen and (max-width: 1580px) {
	#menu {
		padding: 12px 5%;
	}
	.hero {
		aspect-ratio: auto;
		.hero__inner{
			padding: 0 5%;
		}		  
	}
	.sobre {
		.textos {
			padding: 0px 10% 60px 10%;
		}
		.essencia {
			padding: 60px 10% 60px 10%;
		}
	}
	.solucoes {
		padding: 60px 5%;
	}
	.equipamentos {
		padding: 60px 5%;
	}
	.contato {
		padding: 60px 5%;
	}
	.topo-agina {
		padding: 100px 5%;
	}
	.rodape {
		padding: 60px 5% 30px;
	}
}

@media screen and (max-width: 1024px) {
	#menu {
		padding: 25px 30px;

		& .navbar-toggler-icon {
			height: auto;
			width: auto;
		}

		& .navbar-toggler {
			padding: 0;
			outline: none;
			font-size: 2.2rem;
			color: #e74732;
			line-height: 1;
			background-color: transparent;
			border: 0px solid transparent;
			height: auto;
		}

		& .navbar-expand-xl .navbar-collapse {
			margin: 15px auto 0px;
			padding: 0 0 30px;
		}

		& .navbar-nav .nav-link {
			padding: 5px 0px;
			margin: 0;
			font-size: 1.1rem;
		}

		& .navbar-nav {
			margin: 0px 0px !important;
			width: 100%;

			& li:hover .dropdown-menu {
				display: block;
				border: 0;
				margin: 7px 0px 0px;
			}

			& .nav-item {
				margin: 0px 0px;
				padding: 5px 0px;
			}

		}

		& .navbar-expand-xl .navbar-nav .dropdown-menu {
			position: relative;

			&:before {
				left: 5%
			}
		}

		& .navbar-collapse .navbar-nav {
			margin: 0px !important;
			flex-direction: column;
			gap: 0;

			& .nav-link {
				text-align: left;
			}
		}
	}
	.hero{
		min-height: 40vh;
		gap: 50px;
		.hero__inner {
            padding: 60px;
        }
		.hero__logo{
			display: none;
		}
	}
	.sobre{
		padding: 0px;
		.certificacoes{
			padding: 0;
			li {
            	padding: 30px;
			}
		}
		.faixa-superior {
			max-width: 80%;
		}
		.textos {
            padding: 60px;
        }
		.essencia {
			padding: 60px;
			border-left: 0;
			border-top: solid 1px #15385c;
		}
	}
    .solucoes {
        padding: 60px;
		h2{
			margin-top: 0;
		}
		& ul {
			li {
				width: calc(50% - 25px);
			}
		}
		.faixa-close {
			margin: 50px auto;
		}
    }
	.equipamentos {
        padding: 60px;
		h2{
			margin-top: 0;
		}
    }
	.aluguel{
		padding: 60px;
	}
	.contato {
		padding: 60px;
	}
	.rodape {
		img.logo {
			margin: 0 auto;
		}
		ul.nav{
			margin: 30px 0;
		}
		.redes{
			margin: 0 auto
		}
		.copy {
			width: 100%;
			margin-top: 30px;
		}
	}
}

@media screen and (max-width: 780px) {
	.page {
		padding: 60px 5%;
	}
}

@media screen and (max-width: 480px) {
	#menu {
		padding: 15px 30px;

		& .navbar {
			& .navbar-brand {
				& img {
					max-height: 45px;
				}
			}
		}
	}
	.hero {
		aspect-ratio: auto;
		min-height: 340px;
		.hero__inner {
		flex-direction: column;
		align-items: flex-start;
		padding: 60px 30px;
		gap: 0;
		}
		.hero__right {
		display: none !important;
		}
		.hero__content {
		gap: 1rem;
		}
		.hero__actions {
		flex-direction: column;
		align-items: flex-start;
		}
		.btn-hero {
		width: 100%;
		text-align: center;
		}    
	}
	.sobre {
		padding: 0;
		.opening{
			ine-height: 1.2;
		}
        .certificacoes {
            flex-direction: column;
			li {
				width: 100%;
                padding: 15px 30px;
				border-left: 0;
				border-bottom: solid 1px #15385c;
				&:last-child{
					border-bottom: 0;
				}
            }
        }
		.botoes {
        	margin: 30px auto;
		}
		.textos {
            padding: 40px 30px;
			h2 {
            	font: italic 900 1.8rem / 1.1 sans-serif;
			}
			p {
            	font: normal 400 1rem / 1.5 sans-serif;
            	margin: 0;
        	}
        }
		.essencia {
            padding: 40px 30px;
		}
    }
	.solucoes {
        padding: 40px 30px;
		h2{
			font-size: 1.6rem;
		}
		.faixa-head {
			display: block;
			margin: 20px auto 40PX;
			width: 1000px;
			max-width: 80%;
		}
		ul {
            li {
                width: 100%;
                padding: 30PX;
            }
        }
		.faixa-close {
            margin: 30px auto;
        }
    }
	.equipamentos {
        padding: 40px 30px;
		h2{
			font-size: 1.8rem;
		}
		.faixa-head {
			display: block;
			margin: 20px auto 40PX;
			width: 1000px;
			max-width: 80%;
		}	
    }
	.aluguel{
		height: auto;
		padding: 60px 30px;
		h1{
			font-size: 1.8rem;
		}
	}
	.contato {
        padding: 40px 30px;
		h2{
			font-size: 1.8rem;
			margin: 0 0 20px;
		}
		h5 {
        	font-size: 1.4rem;
		}
    }
	.page {
		padding: 40px 30px;
		text-align: left;
	}
	.topo-pagina {
		padding: 50px 30px;

		& h1 {
			font-size: 1.8rem;
		}
	}
	.rodape {
		padding: 40px 30px;

		& img.logo {
			max-width: 100%;
			width: auto;
			height: 50px;
		}
		ul.nav {
			flex-direction: column;
			text-align: center;
		}
		.copy {
			img {
				margin: 0 auto;
			}
		}

	}
}