/* ARQUIVO RESPONSIVO SLIDER */

/* ========= MEDIA  QUERY ========== */
@media screen and (max-width: 1000px){
  /* ESTILO PORTFÓLIO */
.skillsms article{
   display: grid; 
   grid-template: 1fr 1fr 1fr 1fr 1fr 1fr / 1fr;
   gap: 24px;
   margin: 24px 0;
}
 h1.titulo-section{
  font-size: 1.2rem;
  margin: 40px 0;
}
/* ESTILO DO PORTFÓLIO */


.portfolio .portfolio-container{
    display: grid;
   grid-template: 1fr 1fr 1fr 1fr / 1fr;
   gap: 24px;
   margin-top: 5px 0;
}

}
/* CARROSSEL - MOBILE */
@media screen and (max-width: 900px) {
  /* ESTILO PORTFÓLIO */
.skillsms article{
   display: grid; 
   grid-template: 1fr 1fr 1fr 1fr 1fr 1fr / 1fr;
   gap: 24px;
   margin: 24px 0;
}
  h2.titulo-section{
    color: #fbfbfb;
    margin-top: -20px  0;
    text-align: center;
}
h2.titulo-section span{
    color: #d2e079;
    font-size: 24px;
    font-weight: 600;
}
  .img-desktop{
    display: none;
  }
  .img-mobile{
    display: block;
  }
  .nav-auto, .nav-manual{
    margin-top: 67%; /*margin-top: 80%*/
  }

  .nav-manual .manual-btn, .nav-auto div{
    border: 1px solid #58abd1;
    padding: 6px;
    border-radius: 5px;
    margin-top: -10px;
    cursor: pointer;
    transition: 0.2s;
  }
  .nav-manual .manual-btn:not(:last-child), .nav-auto div:not(:last-child){
    margin-right: 10px;
  }
  .nav-manual .manual-btn:hover{
    background-color: #3c545f;
  }

  .nav-manual .manual-btn:hover{
    background-color: #0b5e85;
  }
  /* FUNÇÃO JS - MOBILE */
  #radio1:checked ~ .nav-auto .auto-btn1{
    background-color: #0b5e85;
  }
  #radio2:checked ~ .nav-auto .auto-btn2{
    background-color: #0b5e85;
  }
  #radio3:checked ~ .nav-auto .auto-btn3{
    background-color: #0b5e85;
  }
  
}
@media screen and (max-width: 768px){
  /* ESTILO PORTFÓLIO */
.skillsms article{
   display: grid; 
   grid-template: 1fr 1fr 1fr 1fr 1fr 1fr / 1fr;
   gap: 24px;
   margin: 24px 0;
}
 h1.titulo-section{
  font-size: 1.2rem;
  margin: 40px 0;
}
}