@media (min-width: 1400px) {
	.container {
		max-width: min(85%, 1640px);
	}
}

@media (min-width: 1280px) {
	.mobile-nav-show {
		display: none;
	}
}

@media (min-width: 1366px) and (max-width: 1600px) {
	#hero .swiper-slide {
		padding: 0 5%;
	}

	.blog .card {
		margin: 20px 0;
	}
}

@media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover > ul {
		left: -100%;
	}

	#hero .swiper-slide {
		padding: 0 5%;
	}

	.blog .card {
		margin: 20px 0;
		min-height: 560px;
	}

	#diferenciais {
		height: 590px;
	}
}

@media (max-width: 1279px) {
	/* Navbar específico do diretório */
	#navbar_dir {
		top: 125px;
		display: none;
	}

	/* Elemento mobile only */
	.mb_only {
		display: block;
	}

	/* Navbar mobile */
	.navbar {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 300px;
		bottom: 0;
		transition: 0.3s;
		z-index: 9997;

		/* Remove indicadores before em mobile */
		> ul > li > a:before {
			display: none;
		}

		/* Lista mobile */
		ul {
			display: block;
			position: absolute;
			inset: 0;
			padding: 50px 0 10px 0;
			margin: 0;
			background: #fff;
			overflow-y: auto;
			transition: 0.3s;
			z-index: 10001;
		}

		/* Links mobile */
		a {
			&,
			&:focus {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 10px 20px;
				font-family: var(--font-default);
				font-size: 15px;
				font-weight: 600;
				color: var(--color-black);
				white-space: nowrap;
				transition: 0.3s;

				i {
					font-size: 12px;
					line-height: 0;
					margin-left: 5px;
				}
			}

			&:hover,
			&.active,
			&.active:focus {
				color: var(--color-red);
			}
		}

		li:hover > a {
			color: var(--color-red);
		}

		/* Items de lista mobile */
		> ul > li {
			padding: 0;
		}

		/* Current menu item mobile */
		.current-menu-item a {
			color: var(--color-secondary);
		}

		/* Botões mobile */
		.button {
			&,
			&:focus {
				margin: 0 20px;
			}
		}

		/* Dropdowns mobile */
		.dropdown {
			ul {
				position: static;
				display: none;
				padding: 10px 0;
				margin: 10px 20px;
				transition: all 0.5s ease-in-out;
				border: 1px solid #19335c;
			}

			> .dropdown-active {
				display: block;
			}

			.dropdown {
				ul {
					position: static;
					display: none;
					padding: 10px 0;
					margin: 10px 20px;
					transition: all 0.5s ease-in-out;
					border: 1px solid #19335c;
				}

				> .dropdown-active {
					display: block;
				}
			}
		}

		/* Menu items with children mobile */
		.menu-item-has-children {
			ul {
				position: static;
				display: block;
				padding: 10px 0;
				box-shadow: none;
				margin: 0px 20px;
				transition: all 0.5s ease-in-out;
				border: none;
				visibility: visible;
				opacity: 1;
			}

			.menu-item-has-children ul {
				position: static;
				display: block;
				padding: 10px 0;
				box-shadow: none;
				margin: 0px 20px;
				transition: all 0.5s ease-in-out;
				border: none;
				visibility: visible;
				opacity: 1;
			}
		}

		/* Estado scrolled mobile */
		&.scrolled {
			ul {
				display: block;
				position: absolute;
				inset: 0;
				padding: 50px 0 10px 0;
				margin: 0;
				background: var(--color-white);
				overflow-y: auto;
				transition: 0.3s;
				z-index: 10001;
			}

			a {
				&,
				&:focus {
					color: var(--color-black);
				}
			}

			.button {
				&,
				&:focus {
					margin: 0 20px;
				}
			}
		}

		/* Estado page mobile */
		&.page {
			.current-menu-item a {
				color: var(--color-secondary);
			}

			.button {
				&,
				&:focus {
					margin: 0 20px;
				}
			}
		}

		/* Correção para scolled (typo) mobile */
		&.scolled a:focus {
			color: var(--color-blue);
		}
	}

	/* Mobile nav ativo */
	.mobile-nav-active {
		.navbar {
			right: 0;
		}

		#navbar_dir.navbar:before {
			background-color: transparent;
		}
	}

	/* Mobile nav hide mobile */
	.mobile-nav-hide {
		color: #fff;
		font-size: 32px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		position: fixed;
		left: 90%;
		top: 25px;
		z-index: 9999;
	}
}

@media (min-width: 993px) and (max-width: 1279px) {
	/* Container */
	.container {
		max-width: 85%;
	}
}

/* Mobile */
@media (min-width: 320px) and (max-width: 992px) {
	html {
		overflow-x: hidden;
	  }
	
	.navbar .current-menu-item a:before,
	.navbar.page .current-menu-item a:before {
		visibility: hidden;
		width: 0;
	}
	.navbar .social {
		display: none;
	}

	.btn {
		height: 40px;
	}

	.section-title {
		text-align: center;
	}

	#header {
		& .logo {
			& img {
				height: 60px;
			}
		}
	}

	section {
		min-height: 530px;
	}
	section .content {
		text-align: center;
	}
	section#hero {
		text-align: unset;
		min-height: 385px;
		height: clamp(385px, 20vw, 415px);
		
		margin-top: 88px;
	}
	ul li {
		list-style-position: inside;
	}

	#hero .banner {
		min-height: 385px;
    	height: clamp(385px, 20vw, 415px);
	}

	#hero .banner .text-banner {
		& .text {
			margin-bottom: 0;
		}
	}
	/* #hero .banner::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.25);
		z-index: 2;
	} */

	#quem-somos {
		height: unset;
		min-height: unset;

		& .container {
			padding-block: 2.5rem;

			& .d-flex {
				justify-content: center;
			}
		}

		& .bg {
			& img {
				width: 100%;
				object-position: left;
			}
		}

		& .to_left {
			& .rectangle {
				margin-inline: auto;
			}
		}
	}

	#brasil {
		height: unset;
		padding-block: 3rem;

		& .content {
			text-align: center;

			& .rectangle {
				margin-inline: auto;
			}

			& .d-flex {
				&.matriz {
					padding-inline: 6.25rem 0;
				}

				&.mb-md-0 {
					justify-content: center;
				}
			}
		}
	}

	#beneficios {
		& .first-part {
			background: linear-gradient(
				to bottom,
				var(--color-white) 25%,
				var(--color-black) 25%,
				var(--color-black)
			);

			& .box {
				margin-bottom: 2.5rem;
        text-align: center;
			}
		}

		& .second-part {
			& .box {
				margin-bottom: 2.5rem;
        text-align: center;

        & .icon {
          margin-inline: auto;
        }
			}
		}
	}

	footer {
		padding-block: 0.25rem 2.25rem;
	}
	footer .logo {
		width: 40%;
		margin-bottom: 1.25rem;
	}
	footer .infos {
		text-align: center;
	}

	footer {
		& .address {
			width: 50%;
			flex: unset;

			margin-bottom: 1rem;

			&:nth-child(2),
			&:nth-child(4) {
				border-right: 0;
			}
		}
	}

	#wa_button {
		bottom: 0px;
		right: -45px;
	}
}