/* Media Queries - Deve ser o último CSS a ser carregado */

/* Esconder elementos para telas pequenas */
@media(max-width: 768px){

  .desktop-menu{
    display: none;
  }
  #segmentos-desktop{
    display: none;
  }
  #robo-desktop{
    display: none;
  }
  .desktop{
    display: none;
  }
  
  .mobile-menu{
    position: relative;
    padding-right: 5%;
  }
  header{
    padding-right: 0px;
  }
  #slide-desktop{
    display: none;
  }
  }
  
  /*esconder elementos para telas grandes*/
  
  @media(min-width:769px){
  #segmentos-mobile{
    display: none;
  }
  #robo-mobile{
    display: none;
  }
  .mobile{
    display: none;
  }
  .mobile-menu{
    display: none;
  }
  #slide-mobile{
    display: none;}
  }

/*Ajustes específicos para telas muito pequenas*/
@media (max-width: 480px){

}

/* Ajustes específicos para telas pequenas (celulares)*/
@media (max-width: 480px){
 header{
  justify-content: space-between;
  gap: 10px;
 }
 .searchbox{
  display: none;
 }

 :root {
  --base-font-size: 14px; /* diminui o tamanho base */
}

.linha{
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.menu-bottom-desktop{
  display: none;
}

  .item-galeria{
    width: 100%;
  }
  .footer-content{
    flex-direction: column;
    gap: 10px;
  }
  .menus-bottom{
    width: 80%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
    
  }
div.mobile.menus-bottom{
  display: flex;
  flex-direction: column;
  align-items: start;
}
.legenda-slide{
  position: absolute;
  top:20%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
 }
 .legenda-slide h2{
  text-align: center;
  font-size: 1.5rem;
  max-width: 90%;
 }
 .slide-topo .legenda-slide p {
  max-width: 90%;
  text-align: center;
  font-size: 1rem;
 }
 .slideshow-container{
  display: block;
  justify-items: center;
 }
 .especialista button{
  left: 5%;
  top: 70%;
 }
  /* home*/
  .intro-texto{
    width: 90%;
    margin-left: auto;
    margin-left: auto;
  }
  .intro .linha{
    gap: 20px;
  }
  .intro h2{
    width: 90%;
  }
  .intro-video{
    width: 90%;
  }
  .intro-background{
    background-position: top right, left center;
  }
 .box{
  flex-direction: column;
 }
 .depoimento-fini{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
 }
 .fundo-imagem{
  margin: 20px;
 }
 .avaliacao-fini {
  flex-direction: column;
  padding: 0;
  justify-items: center;
 }

 .home .news{
  flex-direction: column;
 }
 .news article{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
 }
 .container-slide{
  width: 100%;
 }
 .item-galeria {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}
/* página produtos*/
.produtos-row{
 flex-direction: column;
 width: 90%;
 margin-right: auto;
 margin-left: auto;
}
.produtos-col{
  width: 100%;
 margin-right: auto;
 margin-left: auto;
}
.produtos-depoimentos{
  flex-direction: column;
  padding: 0;
  gap: 0;
}
.icone-seta-cima{
  display: none;
}
.depoimentos-card{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.acordion-row{
  flex-direction: column;
  
}
.container{
  width: 100%;
}
.acordion-col{
  width: 100%;
}
/* pagina soluções*/
.solucoes-row{
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.solucoes-col{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/* pagina segmentos*/
.segmentos-cards{
  flex-wrap: wrap;
}
.segmentos-depoimentos{
  padding: 0;
}
.depoimentos-foto{
  gap: 0;
}

.item-galeria{
  width: 100%;
}
/*pagina cases*/
article.slides-clientes-depoimentos{
  flex-direction: column;
}
.page-cases-bg .depoimentos-card{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-cases-bg{
  flex-direction: column;
}
.slideshow-conteudo{
  width: 100%;
}
.slideshow-img-depoimentos{
  width: 100%;
  height: auto;
  justify-items: center;
}
.slideshow-img-depoimentos img{
 max-height: 300px;
 width: auto;
 display: block;
 margin-right: auto;
 margin-left: auto;
}
/*pagina sobre*/
.sobre-nos{
  flex-direction: column;
}
.missao{
    background-position: -70% bottom;
    height: 600px;
    justify-content: flex-start;
    padding: 10%;
    align-items: flex-start;
    background-size: 63%;

}
#missao{
  max-width: 100%;
        margin-top: 0;
        margin: 0 0 10% 0;
}
#visao{
  max-width: 100%;
        margin: 0 0 10% 15%;
}
#valores{
  margin: 0 0 10% 35%;
        max-width: 80%;
}
#slideshow-equipe-mobile img {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.sobre-nos-intro{
  flex-direction: column;
  padding-top: 0;
}
/*pagina fale conosco*/
.contato{
  flex-direction: column;
}
.contato img{
  max-width: 100%;
}
/* pagina imprensa*/
.imprensa .row{
  flex-direction: column;
}
.imprensa .col{
  width: 100%;
}
/* página blog*/
.blog-area{
  margin: 5%;
}
.blog-news{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.blog-news article{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
/* post individuais*/
.post-single article{
  display: flex;
  flex-direction: column;
}
.img-single-post{
  max-width: 100%;
}
}

/*Ajustes específicos para Tables*/
@media (min-width: 480px) and (max-width:768px){
  :root {
    --base-font-size: 16px; /* aumenta o tamanho base */
  }
  .legenda-slide{
    position: absolute;
    top:20%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
   }
   .legenda-slide h2{
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
   }
   .slide-topo .legenda-slide p {
    max-width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
   }
   .slideshow-container{
    display: block;
    width: 100%;
    justify-items: center;
   }
   .avaliacao-fini{
    flex-direction: column;
   }
   .depoimento-fini{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
   }
   .fundo-imagem{
    margin: 0;
   }
   .box{
    flex-direction: column;
   }
.home .news{
  flex-direction: column;
  
}
.news article{
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.linha{
  flex-direction: column;
  gap: 20px;
}
.intro .linha{
  gap: 20px;
}
.intro h2{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.intro-video{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.intro-texto{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/*pagina produtos*/
.produtos-depoimentos{
  flex-direction: column;
}
.depoimentos-card{
  width: 100%;
}
/* pagina soluções*/
.solucoes-row{
  flex-direction: column;
}
.solucoes-col{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/* pagina segmentos*/
.segmentos-cards{
  flex-wrap: wrap;
}
/* pagina segmentos*/
.item-galeria{
  width: 100%;
 }
 /*pagina sobre*/
 .sobre-nos{
  flex-direction: column;
}
.missao{
    background-position: -70% bottom;
    height: 600px;
    justify-content: flex-start;
    padding: 10%;
    align-items: flex-start;
    background-size: 63%;

}
#missao{
  max-width: 100%;
        margin-top: 0;
        margin: 0 0 10% 0;
}
#visao{
  max-width: 100%;
        margin: 0 0 10% 15%;
}
#valores{
  margin: 0 0 10% 35%;
        max-width: 80%;
}
#slideshow-equipe-mobile img {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/*pagina cases*/
article.slides-clientes-depoimentos{
  flex-direction: column;
}
.page-cases-bg .depoimentos-card{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.page-cases-bg{
  flex-direction: column;
}
.slideshow-conteudo{
  width: 100%;
}
.slideshow-img-depoimentos{
  width: 100%;
  height: auto;
  justify-items: center;
}
.slideshow-img-depoimentos img{
 max-height: 300px;
 width: auto;
 display: block;
 margin-right: auto;
 margin-left: auto;
}
/*pagina fale conosco*/
.contato{
  flex-direction: column;
}
.contato img{
  max-width: 100%;
}
/* pagina imprensa*/
.imprensa .row{
  flex-direction: column;
}
.imprensa .col{
  width: 100%;
}
/* página blog*/
.blog-news article{
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.blog-news{
  width: 90%;
}

}

/* Desktop Médio (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --base-font-size: 18px; /* Aumenta o tamanho base */
  }
  h2{
    font-size: calc(var(--base-font-size)* 2);
  }
  .slide-topo .legenda-slide h2{
    max-width: 50%;
    font-size: calc(var(--base-font-size)* 1.5);
  }
  .slide-topo .legenda-slide p{
    max-width: 50%;
    font-size: calc(var(--base-font-size)* 1);
  }
  .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px;
    
  }
  #robo-desktop .linha{
   gap: 40%;
  }
  .item-galeria{
    width: 30%;
  }
  /*pagina cases*/
  .page-cases-bg .depoimentos-card{
    width: 50%;
  }
 
}

/* Desktop Grande (até 1440px ) */
@media (min-width: 1024px) and (max-width: 1440px){
  :root {
    --base-font-size: 20px; /* Aumenta o tamanho base */
  }
}

/* Desktop muito Grande (1440px ou mais) */
@media (min-width: 1440px) {
  :root {
    --base-font-size: 22px; /* Aumenta o tamanho base */
  }

}