/* Até 1366px */
@media screen and (max-width: 1900px){
    .banner-home h1{font-size: 88px; line-height: 82px;}
    .titulo-91 { font-size: 68px; line-height: 92px; }
    .titulo-78 { font-size: 58px; line-height: 76px; }
    .titulo-70 { font-size: 38px; line-height: 50px; }
    .titulo-55 { font-size: 41px; line-height: 54px; }
    .titulo-46 { font-size: 34px; line-height: 42px; }
    .titulo-40 { font-size: 30px; line-height: 38px; }
    .titulo-36 { font-size: 27px; line-height: 34px; }
    .titulo-32, .titulo-extra-32 { font-size: 24px; line-height: 30px; }

    .p-28 { font-size: 21px; line-height: 28px; }
    .p-25 { font-size: 16px; line-height: 22px; }
    .p-22 { font-size: 17px; line-height: 22px; }
    .p-18 { font-size: 14px; line-height: 19px; }
    .p-15 { font-size: 12px; line-height: 16px; }
    .p-12 { font-size: 10px; line-height: 13px; }

    
    .menu-mobile a{
        font-size: 17px;
        line-height: 22px;
    }
    .unica button,.contato button,.banner-home a, .experiencia a, .menu-mobile .btncontato,.padding-maps a,.temos-solucao .btn-fale, .porque a,.card-box a{font-size: 12px;}
    .menu-mobile{
        padding: 0 50px;
    }
    .burger-abrir,
    .burger-fechar{
        width: 25px;
        height: 20px;
    }
	
	.nove-anos {
		width: 70%;
	}
}

/* Até 1024px */
@media screen and (max-width: 1024px){
    .titulo-91 { font-size: 56px; line-height: 76px; }
    .titulo-78 { font-size: 48px; line-height: 64px; }
    .titulo-70 { font-size: 42px; line-height: 56px; }
    .titulo-55 { font-size: 34px; line-height: 45px; }
    .titulo-46 { font-size: 28px; line-height: 37px; }
    .titulo-40 { font-size: 24px; line-height: 32px; }
    .titulo-36 { font-size: 22px; line-height: 30px; }
    .titulo-32, .titulo-extra-32 { font-size: 20px; line-height: 26px; }

    .p-28 { font-size: 18px; line-height: 24px; }
    .p-25 { font-size: 14px; line-height: 19px; }
    .p-22 { font-size: 14px; line-height: 19px; }
    .p-18 { font-size: 12px; line-height: 17px; }
    .p-15 { font-size: 11px; line-height: 15px; }
    .p-12 { font-size: 9px; line-height: 12px; }
	
	.nove-anos {
		width: 70%;
	}
}

/* Até 768px */
@media screen and (max-width: 768px){
    .mobile-hidden{display: none;}
    .desktop-hidden{display: block;}
    .titulo-91 { font-size: 44px; line-height: 60px; }
    .titulo-78 { font-size: 38px; line-height: 52px; }
    .titulo-70 { font-size: 34px; line-height: 46px; }
    .titulo-55 { font-size: 27px; line-height: 36px; }
    .titulo-46 { font-size: 22px; line-height: 30px; }
    .titulo-40 { font-size: 20px; line-height: 27px; }
    .titulo-36 { font-size: 18px; line-height: 25px; }
    .titulo-32, .titulo-extra-32 { font-size: 16px; line-height: 22px; }

    .p-28 { font-size: 15px; line-height: 21px; }
    .p-25 { font-size: 12px; line-height: 16px; }
    .p-22 { font-size: 15px; line-height: 16px; }
    .p-18 { font-size: 11px; line-height: 14px; }
    .p-15 { font-size: 10px; line-height: 13px; }
    .p-12 { font-size: 8px; line-height: 11px; }

    br {
        display: none;
    }
    
    br::after{
        content: " ";
    }
    .contato{
        padding: 100px 0;
    }
    .idiomas a{
        font-size: 18px;
    }
    .banner-home h1{
        font-size: 54px; 
        line-height: 65px;
        text-align: left;
    }
    .experiencia .imagem-flutuante{
        position: relative;
        width: 100%;
    }
    .experiencia .padding{
        padding: 100px 0;
    }
    .dentro-card {
        padding: 0 50px;
        margin-top: 104px;
        margin-bottom: 50px;
        justify-content: space-between;
        gap: 0;
    }

    .solucoes p{
        margin-top: 0;
    }
    .solucoes .titulo-70 ~ p{
        margin-top: 40px;
    }

    .temos-solucao .btn-fale,
    .experiencia a,
    .card-box a,
    .sub-menu-footer,
    form .enviar{
        margin-top: 40px;
    }
    .menu-mobile{
        width: 100vw;
        right: -100vw;
    }
    .gestao p{
        margin-top: 40px;
    }
    .porque a{
        float: left;
        margin-top: 40px;
    }
    .porque{
        padding: 100px 0;
    }
    .troca-de-pagina > .flex{
        gap: 40px;
    }
    .maps-text h2{
        margin: 0;
        padding: 40px 40px 0;
    }
    .padding-maps{
        padding:  40px;
    }
    .grow-better{
        display: none!important;
    }
    .logo-footer{
        margin-bottom: 40px;
    }
    .menu-mobile a{
        font-size: 18px;
    }
    .form form{
        padding: 0!important;
    }
    .btn-anexar-curriculo{
        width: 100%;
    }
    .banner{
        height: 40dvh;
    }
	
	.rosa {
        height: 80dvh!important;
    }
	
    .flex-localizacao p br{
        display: none;
    }
    .horario{
        width: 100%;
    }
    .localizao-text{
        width: 100%;
        padding: 0 40px;
    }

    .somos h2 {
        margin-bottom: 40px;
    }

    .colunas{
        padding: 20px;
        gap: 8%;
    }

    .grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .box{
        background: var(--verde-escuro);
        border-radius: 20px;
        color: white;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 30px;
        transition: 500ms all;
        height: 150px;
    }

     .textura-1 {
        position: absolute;
        right: -10px;
        top: 60px;
        border-radius: 8px;
        width: 70px;
    }

    .textura-2 {
        position: absolute;
        left: -10px;
        bottom: 40px;
        border-radius: 8px;
        width: 90px;
    }

    .textura-3 {
        position: absolute;
        left: -20px;
        bottom: 128px;
        z-index: 9;
        width: 70px;
        border-radius: 8px;
    }

    .textura-4 {
        position: absolute;
        right: -20px;
        bottom: 70px;
        width: 90px;
        border-radius: 8px;
    }

    .textura-5 {
        position: absolute;
        left: -18px;
        bottom: 130px;
        border-radius: 8px;
        width: 70px;
    }

    .textura-6 {
        position: absolute;
        right: -20px;
        bottom: -30px;
        width: 90px;
        border-radius: 8px;
    }

    .textura-7 {
        position: absolute;
        right: -10px;
        top: 60px;
        border-radius: 8px;
        width: 70px;
    }

    .textura-8 {
        position: absolute;
        left: -20px;
        bottom: -30px;
        border-radius: 8px;
        width: 90px;
    }

    .box-text {
        display: flex;
        flex-direction: column;
        margin-top: 60px;
        gap: 30px;
        color: var(--verde-escuro);
    }

    .socios .padding{
        padding: 50px 0;
    }

    .contato .container {
        gap: 50px;
    }

    .conteudo {
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        gap: 80px;
    }
    .jequitiba-servicos .conteudo{
        padding: 0;
    }
    .jequitiba-servicos .colunas{
        padding: 0;
        gap: 30px;
    }
    .coluna-jequitiba{
        margin: 0;
    }
    .sub-titulo {
        width: 100%;
        padding-bottom: 40px;
    }

    .card-servico {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 3;
        gap: 40px;
        flex-direction: column;
    }

    .card-servico img {
        border-radius: 28px;
        width: 100%;
        height: 200px;
    }

    .grid-flex{
        flex-direction: column;
    }

    .casos h2 {
        color: var(--verde-limao);
        margin-bottom: 20px;
    }

    .elemento-banner {
        top: -26%!important;
        left: 0%;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .galeria-parceiro {
        gap: 10px!important;
    }

    .galeria-miniaturas {
        gap: 10px!important;
    }

    .galeria-parceiro .imagem-principal {
        height: 300px!important;
    }

    .galeria-miniaturas .item-galeria{
        height: 100px!important;
    }

    .caso .row {
        flex-direction: column;
        gap: 30px;
    }

    .caso .container {
        gap: 50px!important;
    }

    .depoimento {
        padding: 40px!important;
        margin-top: 40px !important;
    }

    .um {
        position: absolute;
        left: 26px;
        width: 20%;
        top: -22px;
    }

    .dois {
        position: absolute;
        right: 40px;
        width: 20%;
        bottom: -20px;
    }

    .swiper-button-prev {
        left: 0!important;
        top: 44%;
        transform: translateY(-50%);
    }

    .swiper-button-next {
        right: 0!important;
        top: 44%;
        transform: translateY(-50%);
    }

    .contato-parceiro {
        flex-direction: row;
        margin: 20px 0;
    }

    .img-parceiro {
        width: 100%;
    }

    .mapa h2{
        margin: 0;
    }
    .mapa-completo{
        padding-bottom: 0;
    }
    .numeros > .flex{
        gap: 50px;
    }
	
	.logo-footer {
		display: none;
	}
	
	.nove-anos {
		width: 70%;
		display: block;
		margin: 0 auto;
	}

}

/* Até 320px */
@media (max-width: 375px) {

    .banner-home h1 {
        font-size: 30px;
        line-height: 40px;
        text-align: left;
    }

    .titulo-70 {
        font-size: 30px;
        line-height: 40px;
    }

    .um {
        position: absolute;
        left: 28px;
        width: 20%;
        top: -20px;
    }

    .dois {
        position: absolute;
        right: 30px;
        width: 20%;
        bottom: -20px;
    }
    .menu-flex{
        gap: 0;
    }
    .burger-abrir{
        top: auto;
    }
    .banner-home p{
        margin-top: 50px;
    }
	
	.logo-footer {
		display: none;
	}
	
	.nove-anos {
		width: 70%;
		display: block;
		margin: 0 auto;
	}
	
}

/* Até 310px */
@media screen and (max-width: 310px) {

    .banner-home h1 {
        font-size: 24px;
        line-height: 32px;
        text-align: left;
    }

    .titulo-91, .titulo-78, .titulo-70, .titulo-55, .titulo-46, .titulo-40, .titulo-36, .titulo-32, .titulo-extra-32 {
        font-size: 20px;
        line-height: 20px;
    }

    .p-28, .p-25, .p-22, .p-18, .p-15, .p-12 {
        font-size: 12px;
        line-height: 12px;
    }

    .menu-mobile a {
        font-size: 14px;
    }

    .dentro-card {
        padding: 0 20px;
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .btn-anexar-curriculo {
        font-size: 12px;
        padding: 10px;
    }

    .contato {
        padding: 60px 0;
    }

    .colunas {
        padding: 10px;
        gap: 5%;
    }

    .banner {
        height: 50dvh;
    }

    .casos h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .galeria-parceiro .imagem-principal {
        height: 200px !important;
    }

    .galeria-miniaturas .item-galeria {
        height: 70px !important;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: 50%;
        transform: translateY(-50%);
    }

    .um {
        left: 20px;
        top: -15px;
        width: 18%;
    }

    .dois {
        right: 20px;
        bottom: -15px;
        width: 18%;
    }
    .sub-menu-footer p{
        font-size: 12px;
    }
    .menu-flex {
        gap: 0;
    }

    .banner-home p {
        margin-top: 30px;
        font-size: 12px;
        line-height: 16px;
    }
    .card-box{
        padding: 20px;
    }
	
	.logo-footer {
		display: none;
	}
	
	.nove-anos {
		width: 70%;
		display: block;
		margin: 0 auto;
	}

}

@media screen and (orientation: landscape) and (max-width: 991px) {

    .menu-mobile{
        gap: 10px;
    }
    
    .menu-mobile ul {
        gap: 5px;
    }

    .banner {
        height: 80dvh;
    }

    .flex-logo-header {
        width: 30%;
    }

    .banner-home {
        height: 90dvh;
        display: flex;
        align-items: center;
        padding: 200px 0 120px;
    }

    .banner-home h1 {
        font-size: 30px;
        line-height: 36px;
        text-align: left;
    }

    .p-22 {
        font-size: 14px;
        line-height: 16px;
    }

    .banner-home a {
        background: transparent;
        color: var(--branco-claro);
        margin-top: 20px;
        padding: 8px 20px;
        border: 1px solid var(--verde-limao);
        border-radius: 35px;
        font-size: 12px;
        font-family: 'Seiva';
        font-weight: 600;
        display: block;
        width: fit-content;
    }

    .banner-home p {
        color: white;
        margin-top: 10px;
    }

    .imagem .coluna-100 {
        border-radius: 28px;
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: unset;
    }

    .imagem .richard {
        border-radius: 28px;
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: left;
    }
	
	.card-servico {
		flex-direction:column;
	}
	
	.card-servico .coluna-50 {
		width:100%;
	}
	
	.card-servico img{
		width:100%;
		height: 200px;
	}
	
	.sub-titulo {
		width:100%;
		padding-bottom: 0px;
	}
	.logo-footer {
		display: none;
	}

}

@media screen and (max-width: 1200px) and (max-height: 500px) {
    .banner-home .container .coluna-30 {
        width: 100%;
    }

    .experiencia .padding {
        padding: 40px;
    }

    .titulo-70 {
        font-size: 28px;
        line-height: 33px;
    }

    .experiencia h2 {
        margin-bottom: 20px;
        color: var(--verde-escuro);
    }

    .experiencia a {
        margin-top: 20px;
    }

    .numeros .container .coluna-22 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .maps-text h2 {
        padding: 0 20px;
        margin-bottom: 20px;
        font-size: 24px;
    }

    .padding-maps {
        padding: 30px 20px;
    }

    .sub-menu-footer p {
        font-size: 13px;
    }

    .card-servico img {
        border-radius: 28px;
        width: 40%;
        height: 400px;
        object-fit: cover;
    }

    .btn-anexar-curriculo {
        width: -webkit-fill-available;
    }
	
	.box {
		height:fit-content;
	}
	
	.card-servico img{
		width:100%;
		height: 200px;
	}
	.sub-titulo {
		width:100%;
		padding-bottom: 0px;
	}
	
	.experiencia .imagem-flutuante {
		position: unset;
		width: 100%;
		object-fit: cover;
		height: 200px;
		z-index: -1;
	}
	
	
	
	.flex-logo-header p {
		color: white;
		font-size: 11px;
	}
	
	.fixo .coluna-30.mobile-50 {
        width: 30%;
    }
	
	.menu-mobile .btncontato {
		padding: 10px 20px;
	}
	
	.dentro-card {
		margin: 50px 0;
	}
	
	.flex-logo-header a {
        width: 70%;
    }
	
	.porque a {
		margin-top: 40px;
	}
	
	.troca-de-pagina .flex {
		gap:20px;
	}
	
	.grow-better {
		display:none!important;
	}
	
	.temos-solucao h2 {
		color: white;
		margin-bottom: 40px;
	}

	.temos-solucao .btn-fale {
		margin-top: 40px;
	}
	
	.titulo-78 {
		font-size: 30px;
    	line-height: 36px;
	}
	
	
	
	.sub-menu-footer {
		margin-top: 20px;
	}
	
	
	
	.experiencia .padding {
        width: 100%!important;
    }
	
	.logo-footer {
		display: none;
	}
	
}