@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


html, body{font-family: "Roboto", sans-serif; overflow-x: hidden !important; scroll-behavior: smooth;}


.navbar-brand img{width: 280px;}
.navbar-light .navbar-nav .nav-link{color: #004f02; text-transform: uppercase; font-size: 14px; font-weight: 500;}
.navbar-light .navbar-nav .nav-link:hover{color: #c09502;}
.icones-redes{position: absolute; right: 20px; top: 10px; gap: 10px; }
.contato-container{display: flex;  justify-content: end; gap: 5px;}
.icones-redes h4{color: #c09502; font-size: 1.2rem; margin-right: 10px; margin-bottom: 0;}
.icones-redes img{width: 20px;}
.endereco p{font-size: 13px;}
.navbar-collapse{margin-top: 35px;}

#slidmobile{display: none; }

#carrossel{position: relative;}
.carousel-control-next, .carousel-control-prev{opacity: 1; z-index:3;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 50px; height: 50px;}
.carousel-control-prev {left: 100px;}
.carousel-control-next {right: 100px;}
.carousel-control-prev-icon{background-image: url("..//img/seta-01.svg");}
.carousel-control-next-icon{background-image: url("..//img/seta-02.svg");}
.descricao-banner {position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 2;}
.descricao-banner .container {padding: 20px;display: flex;flex-direction: column;align-items: flex-start; gap: 10px; }
.descricao-banner h1, .descricao-banner h2 {color: #fff;text-transform: uppercase;display: inline-block;margin: 0;}
.descricao-banner h1{ font-weight: bold; padding: 5px;}
.descricao-banner h2:nth-of-type(1){background-color: #bc9302; padding: 5px;}
.descricao-banner h2:nth-of-type(2) {background-color: #bc9302; margin-top: -7px;  padding: 5px;}
.descricao-banner h2:nth-of-type(3) {background-color: #004f02; padding: 5px 0; margin-top: 30px;}



#sobre{padding: 30px 0;}
.titulo-sobre h1{text-transform: uppercase; color: #004f02; margin: 0; font-weight: 900;}
.titulo-sobre h3{color: #272727; text-transform: uppercase; font-size: 20px; margin-bottom: 30px;}
.sobre-sauderaiz{position: relative;}

.sobre-sauderaiz img{border-bottom: 10px solid #004f02; width: 100%;}
#sobre .btn{position: absolute; right: 10px; bottom: 30px; background-color: #004f02; width: 155px;  text-transform: uppercase; color: #c19502; text-align: right; font-weight: 500;}
#sobre .btn:hover{background-color: #017a05;}
#sobre .btn img{position: absolute; left: 5px; bottom: 10px; border: none; width: 40px;}

#oleaginosas{ padding: 30px 0;}
#oleaginosas h3{text-transform: uppercase; color: #272727; padding-bottom: 20px;}
.imgTitle {transition: all 0.5s ease-in-out;}
.imgTitle {position: relative;display: inline-block;}
.imgTitle:hover::before {opacity: 1;}
.item p{padding-top: 20px;}
.btn-pedir{background-color: #004f02; color: #c19502; display: flex; gap: 10px; border: none; border-radius: 20px; padding: 6px 10px; margin: 0 auto; cursor: pointer; font-size: 1rem; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.btn-pedir img{width: 20px;}
.descricao{position: relative; height: 130px; }
#chas{padding: 30px 0;}
#chas h3{text-transform: uppercase; color: #272727; padding-bottom: 20px;}
#temperos_e_especiarias{background-color: #f2f2f2; padding: 30px 0;}
#temperos_e_especiarias h3{text-transform: uppercase; color: #272727; padding-bottom: 20px;}
#farinhas{padding: 30px 0;}
#farinhas h3{text-transform: uppercase; color: #272727; padding-bottom: 20px;}
#graos_e_sementes{background-color: #f2f2f2; padding: 30px 0;}
#graos_e_sementes h3{text-transform: uppercase; color: #272727; padding-bottom: 20px;}
#outros_itens{ padding: 30px 0;}
#outros_itens h3{text-transform: uppercase; color: #272727; padding-bottom: 20px;}
#oleaginosas,
#chas,
#temperos_e_especiarias,
#farinhas,
#graos_e_sementes,
#outros_itens {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 70%, #f2f2f2 100%);
}




.footer-contatos{ padding: 50px 0; background-color: #004f02;}
.logo-center{display: flex; align-items: center; }
.footer-contatos h3{color: #fff; text-transform: uppercase;}
.logo-rodape{width: 100%;}
.logo-rodape img{width: 60%;}
.menu-site{padding-left: 25px;}
.mapa-site {padding-top: 20px;}
.mapa-site ul{padding: 0; list-style: none; color: #fff;}
.mapa-site ul li a{color: #fff;}
.contato{color: #fff; padding-top: 20px; }
.contato a{color: #fff; text-decoration: none;}
.contato a:hover{color: #272727;}
.contato h3{color: #fff;}
.contato span{color: #fff; font-weight: 500;}
.contato p{color: #fff;}
.social{padding-top: 30px;}
.social a img{width: 30px;}

footer {background-color: #007922; padding: 20px 0;}
footer .row{align-items: center;}
#direitos p{margin: 0; color: #fff;}
#logo-as{text-align: right;}

@media (max-width: 1024px) {
    .texto-depoimento h1{font-size: 1.4rem;}
    .texto-depoimento p{font-size: 13px;}
    .imagem-ceo img{width: 100%;}
    .texto-sobre p{font-size: 13px}
    .endereco{display: none;}
    
}

@media (max-width: 990px) {
    .icones-redes img{width: 30px;}
    .icones-redes h4{display: none;}
    .icones-redes{position: relative; top: 5px; right: -100px; }
    .texto-depoimento {text-align: center;}
    .texto-depoimento h1{font-size: 2rem;}
    .texto-depoimento p{font-size: 16px;}
    .btn{margin-bottom: 20px;}
    .texto-sobre{text-align: center;}
    .imagem-ceo img{width: 100%;}
    .texto-sobre p{font-size: 16px}
    #cases{text-align: center;}
    #lavoura{text-align: center;}
    .footer-contatos{text-align: center;}
    .logo-rodape{width: 60%; margin:  0 auto;}
    .social {padding-top: 20px;}
    footer {text-align: center;}
    #logo-as{text-align: center; }
    .navbar-collapse {position: absolute;top: 60px;right: 0px;width: 200px;background: #274513; z-index: 10;}
    .nav-item{padding: 0 10px;}
    .descricao-2{margin-bottom: 20px;}
    .btn-a{margin: 0 auto; bottom: 0; float: none;}
    #slidmobile{display: block;}
    #sliddesktop{display: none;}
    .descricao-banner{top: 72%;}
    .descricao-banner .container{align-items: center;}
    .navbar-light .navbar-nav .nav-link{color: #fff;}
    #sobre{text-align: center;}
    #oleaginosas, #chas, #temperos_e_especiarias, #farinhas, #graos_e_sementes, #outros_itens{text-align: center;}

}

   


@media (max-width: 768px) {
    .icones-redes{position: relative; top: 5px; right: -45px; }
    .icones-redes h4{display: none;}
    .navbar-brand img{width: 180px;}
    button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
    #sementes .row .col-lg-2 {flex: 0 0 50%;max-width: 50%;}
    #contatos-direto{padding-left: 20px;}
}

@media (max-width: 500px) {
    .icones-redes { right: -10px;}
}