@font-face {
  font-family: 'Bluescreens-black';
  src: url('../assets/fonts/TT\ Bluescreens\ Trial\ Condensed\ Black.ttf');
}
@font-face {
  font-family: 'Bluescreens-regular';
  src: url('../assets/fonts/TT\ Bluescreens\ Trial\ Condensed\ Regular.ttf');
}
@font-face {
  font-family: 'Panton-black';
  src: url('../assets/fonts/panton-rust-extrabold-base.ttf');
}

@font-face {
  font-family: 'Neue';
  src: url('./fonts/NeueMontreal-Medium.ttf');
}
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Oswald:wght@200..700&family=Quattrocento:wght@400;700&display=swap');

*{
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: 'Neue';
}
html{
  scroll-behavior:smooth;
}
body{
  box-sizing: border-box;
  background-color: #FEFDF8;
}
body {
  overflow-x: hidden; /* Oculta a rolagem horizontal */
}
a, p, li, ul, h1, h2, span {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
}
img{
  max-width: 100%;
}
section {
  scroll-snap-align:auto;
  scroll-snap-type: y mandatory;
  overflow: hidden;
}
::-webkit-scrollbar-track {
  background-color: #FEFDF8;

}
::-webkit-scrollbar {
  width: 10px;
  background: #00160A;
}
::-webkit-scrollbar-thumb {
  background-color: #E9F851;
  border-radius: 10px;
}
/* menu */
.logo{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
  color: #262626;
  font-family: 'neue';
  cursor: pointer;

}

.nav{
  max-width: 1200px;
  margin: 0 auto;
  align-items: flex-start;
  margin-bottom: 80px;
  margin-top: 10px;
  justify-content: space-between;

}

.nav{
display: flex;
flex-direction: row;

}

.menu , .menu-ul{
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Neue';

}
.menu a:hover{
  color: #464646;
}
.menu-ul a:hover{
  color: #464646;
}
.borda{
  border-top: solid 5px #262626;
}
.bt-nav button{
  padding: 10px;
  font-size: 14px;
  background-color: #262626;
  color: #fff;
  width: 160px;
  height: 55px;
  border: none;
  cursor: pointer;
  display:grid;
  align-items: center;
  grid-area: 1/1;
}
.bt-nav  img{
  grid-area: 1/3;
  margin-top: -4px;

}
.bt-nav button:hover{
  opacity: 0.9;
  transition: all ease .3s;
}
.menu-toggle{
  display: none;
}
.main{
  max-width: 1200px;
  margin: 0 auto;

}
.main-2{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 60vh;
  align-items: center;
  margin-top: -60px;
}

.main-2 video{
  width: 100%;
  border-radius: 10px;
 grid-area: 2/2;

}
.main-2 h1{
  font-family: 'Neue';
  color: #262626;
  font-weight: 700;
  line-height: 79px;
  word-wrap: break-word;
  width: 650px;
  font-size: 64px;
  z-index: 10;
  grid-area: 2/1;

}
.main-2 span{
  font-family: 'Neue';
  font-size: 16px;
  color: #FEFDF8;
  font-weight: 100;
  z-index: 10;
}
/*section 2*/

.section-2{
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom: 20px;


}
.section-2 img{
  padding: 5px;
}

/*section 3 */

.st-3{
  background-color: #06322A;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.section-3{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.section-3 span{
  color: #FEFDF8;
  font-size: 1rem;
  font-family: 'quattrocento';
}
.tt-st3{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
}
.h1-st{
  font-family:'Bluescreens-black';
  font-size: 3rem;
  color: #FEFDF8;
}
.h1-st span{
  font-family:'Bluescreens-black';
  font-size: 3rem;
  color: #E9F851;

}
.st-grid{
 display: flex;
 flex-grow: 1;
 margin: 0 auto;
 max-width: 960px;
 gap: 60px;
}
.st-grid1{
  background-color: #0E392F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.st-grid1{
  padding: 20px;
}
.st-grid1 h1{
  color: #E9F851;
  font-family: 'quattrocento';
  font-size: 24px;
}
.st-grid1 p{
  margin-top: 30px;
  color: #fff;
  font-family: 'quattrocento';
  font-size: 16px;
  word-wrap: break-word;
  width: 250px;
}
.st-grid2{
  background-color: #0E392F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.st-grid2{
  padding: 20px;
}
.st-grid2 h1{
  color: #E9F851;
  font-family: 'quattrocento';
  font-size: 24px;

}
.st-grid2 p{
  margin-top: 30px;
  color: #fff;
  font-family: 'quattrocento';
  font-size: 16px;
  word-wrap: break-word;
  width: 250px;
}
.st-grid3{
  background-color: #0E392F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.st-grid3{
  padding: 20px;
}
.st-grid3 h1{
  color: #E9F851;
  font-family: 'quattrocento';
  font-size: 24px;
  margin-top: -30px;
  margin-bottom: 30px;
}
.st-grid3 p{
  color: #fff;
  font-family: 'quattrocento';
  font-size: 16px;
  word-wrap: break-word;
  width: 250px;
}

/*section 04  */

.st-4{
  background-color: #262626;
  color: #FEFDF8;
  padding: 20px;
}
.container-4 h1{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  margin: 0 auto;
  max-width: 960px;
}
.container-4 h1{
  font-family:'Bluescreens-black';
  color: #FEFDF8;
  font-size: 3rem;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.container-4  p{
  font-family:'Bluescreens-black';
  color: #E9F851;
  font-size: 50px;
  padding: 20px;
  word-wrap: break-word;
  width: fit-content;
  letter-spacing: 1px;
  text-align: center;
}
.paragrafo{
  display: flex;
  max-width: 800px;
  margin: 0 auto;
  justify-content:center;
  align-items: center;
  margin-bottom: 60px;
}

/* section 4 */

.section-4{
  background-color: #FEFDF8;
  height: 80vh;
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.t-s4 h1{
  display: flex;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family:'Bluescreens-black';
  font-size: 64px;

}
.img-1{
  display: none;
}
.ct-01{
  padding: 10px;
  display: flex;
  border-bottom:solid 1px #000000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 94px;
  margin-bottom: 30px;
  cursor: pointer;

}
.ct-01:hover{
  border: solid 2px #E9F851;
  background-color: #E9F851;
  border-radius: 20px;
}
.ct-01:hover .bt-seta{
  content: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741613507/Group_5_nypmya.png');
}
.img-1 {
  display: flex;
  opacity: 0;
  max-width: 100%;
}
.ct-01:hover .img-1{
  opacity: 1;
  max-width: 100%;
}
.ct-02 .img-2{
  display: flex;
  opacity: 0;
  max-width: 100%;
}
.ct-02:hover .img-2{
  display: flex;
  opacity: 1;
} 
.ct-03 .img-3{
  display: flex;
  opacity: 0;
  max-width: 100%;
}
.ct-03:hover .img-3{
  display: flex;
  opacity: 1;
} 


.ct-01 span{
font-family: 'quattrocento';
}
.ct-01 h1{
  font-family: 'Panton-black';
  color: #183B33;
  text-indent: 60px;
}
.ct-02{
  border-bottom:solid 1px #000000;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 94px;
  margin-bottom: 30px;
  cursor: pointer;
}
.ct-02 h1{
  font-family: 'Panton-black';
  color: #183B33;
}
.ct-02 span{
  font-family: 'quattrocento';
  }
  .ct-02:hover{
    border: solid 2px #E9F851;
    background-color: #E9F851;
    border-radius: 20px;
  }
  .ct-02:hover .bt-seta{
    content: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741613507/Group_5_nypmya.png');
  }
.ct-03{
  border-bottom:solid 1px #000000;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 94px;
  margin-bottom: 30px;
  cursor: pointer;
}
.ct-03 h1{
  font-family: 'Panton-black';
  color: #183B33;
  text-indent: 30px;
}
.ct-03 span{
  font-family: 'quattrocento';
  }
  .ct-03:hover{
    border: solid 2px #E9F851;
    background-color: #E9F851;
    border-radius: 20px;
  }
  .ct-03:hover .bt-seta{
    content: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741613507/Group_5_nypmya.png');
  }

  .bt-seta{
    cursor: pointer;
  }
  /*  section 05*/
.sec-05{
  background-color: #183B33;
  height:500px;
}
  .section-05{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .section-05 img {
    margin-top: 60px;
    cursor: pointer;
  }
  .section-05 img:hover {
   transform: scale(1.05);
  }

  .tt-05 h1{
    margin-top: 60px;
    font-family:'Bluescreens-black';
    color: #FEFDF8;
    font-size:  68px;
    text-transform: uppercase;
  }

  .s-01, 
  .s-02,
  .s-04
{
    width: 215px;
    height: 215px;
  }
  .s-03{
  width: 345px;
  height: 215px;
  }
  .s-05{
    width: 200px;
    height: 215px;
  }
  
  .s-01, 
  .s-02,
  .s-04,
  .s-05
{
   padding: 5px;
  }

  /*slide */

  .section-6{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FEFDF8;
    max-width: 960px;
    margin: 0 auto;
    flex-direction: column;
    margin-bottom: 60px;
  }
    .tt-s6 h1{
    margin-top: 60px;
    margin-bottom: 60px;
    font-family:'Bluescreens-black';
    font-size: 64px;
    text-transform: uppercase;
  }
  .slide.active {
    display: block;
  }
  .slides img{
    width: 100%;
    height: auto;
    border-radius: 150px 0 100px 0;
    margin-bottom: 15px;
   
  }
  .slides img:hover {
    transition:all transform 0.3s ease;
    cursor: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741361612/mouse_nyiy0f.svg'), pointer;
    transform: scale(1.00); /* Zoom leve ao passar o mouse */
    border: none;
  }
  .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .slide p {
    font-family: 'quattrocento';
    word-wrap: break-word;
    width: 400px;
  }
  .slide span{
    margin-top: 30px;
    font-family:'quattrocento';
    font-weight: bold;
    font-size: 24px;
  }

  .slider{
    max-width:450px;
    overflow: hidden;
  
  }
  .slides{
    width: 100%;
    display: flex;
    transition: transform 0.5s ease;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
 
  }

  .menu-bt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .indicators{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .dot{
    width: 12px;
    height: 12px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .dot.active{
    background-color: white;
  }

  /*section 7 */
.st-pr{
  background-color: #E9F851;
}
  .section-7{
    margin-top: 60px;
    margin: 0 auto;
    max-width: 960px;
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 60px;
    grid-template-columns: repeat(2, 1fr);
    height: 60vh;
  }
  .img-bg{
    margin-top: 60px;
  }
  .st-7 h1{
    font-family:'Bluescreens-black';
    font-size: 64px;
    margin-bottom: 20px;
  }
  .st-7 p{
    font-family: 'Quattrocento';
    font-size: 16px;
    margin-bottom: 20px;
  }
  .st-7 button{
    font-family: 'Quattrocento';
    width: 200px;
    height: 30px;
    background-color: #E9F851;
    border: solid 1px #262626;
    font-weight: bold;
    border-radius: 15px;
    cursor: pointer;
  }
 

  /*section 8 */

  .section-8{
    height: 60vh;
    margin: 0 auto;
    display: flex;
    width: 100vw;
    justify-content: center;
    align-items: center;
    background-image: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741361607/bg-st9_lm3qkx.png') ;
    background-position: center;
    background-size: cover;
 }
  .section-8 h1{
    margin-top: 60px;
    font-family:'Bluescreens-black';
    color: #E9F851;
    font-size: 66px;
    text-transform: uppercase;
    word-wrap: break-word;
    width: 760px;
    padding: 20px;
    width: fit-content;
    letter-spacing: 1px;
    text-align: center;
  }

  .section-9{
    background-color: #FEFDF8;

  }
  .footer{
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh;
  }

  .ft-1 h1{
    width: 250px;
    color: #262626;
    font-family:'neue';
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 5px;
    cursor: pointer;
  }

  .ft-1 img{
    width: 25px;
    padding: 2px;
    cursor: pointer;
  }
  .ft-1 img:hover{
    transform: scale(1.08);
  }
  .ft-2 li{
    font-family:'neue';
    font-size: 16px;
    color: #262626;
    cursor: pointer;
  }
  .ft-2 li:hover{
    color: #aaa;
  }
  .ft-2{
    margin: 30px;
  }
  .ft-3 li{
    font-family:'neue';
    font-size: 16px;
    color: #262626;
    cursor: pointer;
  }
  .ft-3 li:hover{
    color: #aaa;
  }
  .ft-3{
   margin: 30px;
  }

  .ft-4{
    margin: 30px;
    border-left: solid 1px #262626;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ft-4 h1{
    color: #262626;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 10px;
    right: 15px;
  }
  .fr-sub input{
    text-align: center;
    height: 38px;
    border-radius: 30px;  
    background-color: #262626;
    border: none;
    cursor: pointer;
    color: #FEFDF8 ;
    font-weight: 100;
  }
  .fr-sub input::-webkit-input-placeholder {
    color: #FEFDF8;
   font-family: 'neue';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 100;
 }
 .fr-sub input:hover{
  transform: scale(1.05);
 }
 .fr-sub button{
    text-align: center;
    width: 80px;
    height: 38px;
    border-radius: 30px;  
    background-color: #FEFDF8;
    font-weight: 100;
    font-size: 16px;
    font-family: 'neue';
    cursor: pointer;
 }
 .fr-sub button:hover{
  transform: scale(1.05);
 }
 .menu-b{
  display: none;
 }

 @media screen and (max-width:999px){
  .nav{
    display: flex;
    max-width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    margin-bottom: 60px;
    border-bottom: solid 1px #262626;
  }
  .menu{
    max-width: 900px;
    margin: 0 auto;
  }
  
  
  .logo{
      text-transform: uppercase;
      color: #262626;
      font-family:'Bluescreens-black';
      font-size: 44px;
  }
  
  /*mai */
  
  .main{
    max-width: 900px;
    margin: 0 auto;
  }
  
  /*section 2*/
  
  .section-2{
    margin: 0 auto;
    max-width: 900px;
    margin-bottom: 30px;
    display: flex;
    gap: 20px;
    margin-top: 20px;
    align-items:end;
    justify-content: center;
  }
  .section-2 img{
    max-width: 220px;
  }
  
  /*section 3 */
  
  .section-3{
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 70vh;
  }

  .h1-st{
    font-family:'Bluescreens-black';
    font-size: 3rem;
    color: #FEFDF8;
  }
  .h1-st span{
    font-family:'Bluescreens-black';
    font-size: 3rem;
    color: #E9F851;
  
  }
  .st-grid{
   display: flex;
   flex-grow: 1;
   margin: 0 auto;
   max-width: 900px;
   gap: 15px;
  }

  
  /*section 04  */

  .container-4 h1{
    margin: 0 auto;
    max-width: 900px;
  }
  
  /* section 4 */
  
  .section-4{
    background-color: #FEFDF8;
    height: 600px;
    max-width: 900px;
    margin: 0 auto;
  }
  
    /*  section 05*/
  .sec-05{
    background-color: #183B33;
    height:500px;

  }
    .section-05{
      margin: 0 auto;
    }
  
    .s-01, 
    .s-02,
    .s-04
  {
      width: 160px;
      height: 160px;
    }
    .s-03{
    width: 235px;
    height: 160px;
    }
    .s-05{
      width: 160px;
      height:160px;
    }
    
    .s-01, 
    .s-02,
    .s-04,
    .s-05
  {
     padding: 5px;
    }
  
    /*slide */
  
    .section-6{
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #FEFDF8;
      max-width: 960px;
      margin: 0 auto;
      flex-direction: column;
      margin-bottom: 60px;
    }
      .tt-s6 h1{
      margin-top: 60px;
      margin-bottom: 60px;
      font-family:'Bluescreens-black';
      font-size: 64px;
      text-transform: uppercase;
    }
    
  .slide.active {
    display: block;
  }
  .slides img{
    width: 100%;
    height: auto;
    border-radius: 150px 0 100px 0;
    margin-bottom: 15px;
   
  }
  .slides img:hover {
    transition:all transform 0.3s ease;
    cursor: url('./imagens/mouse.svg'), pointer;
    transform: scale(1.00); /* Zoom leve ao passar o mouse */
    border: none;
  }
  .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .slide p {
    font-family: 'quattrocento';
    word-wrap: break-word;
    width: 400px;
  }
  .slide span{
    margin-top: 30px;
    font-family:'quattrocento';
    font-weight: bold;
    font-size: 24px;
  }

  .slider{
    max-width:450px;
    overflow: hidden;
  
  }
  .slides{
    width: 100%;
    display: flex;
    transition: transform 0.5s ease;
    justify-content: space-between;
    align-items: center;
    gap: 60px;

  }

    .menu-bt{
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
    }
    .indicators{
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
    }
  
    .dot{
      width: 12px;
      height: 12px;
      background-color: rgba(0,0,0,0.5);
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
  
    .dot.active{
      background-color: white;
    }
  
    /*section 7 */
  .st-pr{
    background-color: #E9F851;
  }
    .section-7{
      margin-top: 60px;
      margin: 0 auto;
      max-width: 960px;
      display: grid;
      justify-content: center;
      align-items: center;
      gap: 60px;
      grid-template-columns: repeat(2, 1fr);
      height: 60vh;
    }
    .img-bg{
      margin-top: 60px;
    }
    .st-7 h1{
      font-family:'Bluescreens-black';
      font-size: 64px;
      margin-bottom: 20px;
    }
    .st-7 p{
      font-family: 'Quattrocento';
      font-size: 16px;
      margin-bottom: 20px;
    }
    .st-7 button{
      font-family: 'Quattrocento';
      width: 200px;
      height: 30px;
      background-color: #E9F851;
      font-weight: bold;
      border-radius: 15px;
      cursor: pointer;
    }
    .st-7 button:hover{
      transform: scale(1.06);
    }
  
    /*section 8 */
  
    .section-8{
      height: 60vh;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741361607/bg-st9_lm3qkx.png') ;
    }
    .section-8 h1{
      margin-top: 60px;
      font-family:'Bluescreens-black';
      color: #E9F851;
      font-size: 110px;
      text-transform: uppercase;
      word-wrap: break-word;
      width: 760px;
      padding: 20px;
      width: fit-content;
      letter-spacing: 1px;
      text-align: center;
    }
  
    .section-9{
      background-color: #FEFDF8;
  
    }
    .footer{
      margin: 0 auto;
      max-width: 960px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 20vh;
    }
  
    .ft-1 h1{
      margin-bottom: 30px;
      width: 220px;
      color: #262626;
      font-family:'Bluescreens-black';
      font-size: 54px;
  
    }
    .ft-1 h1:hover{
      transform: scale(1.05);
      cursor: pointer;
    }
    .ft-1 img{
      width: 25px;
      padding: 2px;
      cursor: pointer;
    }
   
    .ft-2 li{
      font-family:'Bluescreens-black';
      font-size: 30px;
      color: #262626;
      font-weight: bold;
      cursor: pointer;
    }
    .ft-2 li:hover{
      color: #ccc;
    }
    .ft-2{
      margin: 30px;
    }
    .ft-3 li{
      font-family:'Bluescreens-black';
      font-size: 30px;
      color: #262626;
      cursor: pointer;
    }
    .ft-3 li:hover{

      color: #ccc;
    
    }
    .ft-3{
     margin: 30px;
    }
  
    .ft-4{
      margin: 30px;
      border-left: solid 1px #262626;
      padding: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .ft-4 h1{
      font-family:'Bluescreens-black';
      font-size: 30px;
      color: #262626;
      margin-bottom: 10px;
    }
    .fr-sub input{
      text-align: center;
      height: 38px;
      border-radius: 30px;  
      background-color: #262626;
      border: none;
      cursor: pointer;
      color: #FEFDF8 ;
    }
    .fr-sub input::-webkit-input-placeholder {
      color: #FEFDF8;
      font-family:'Bluescreens-black';
      font-size: 20px;
      text-transform: uppercase;
   }
   .fr-sub input:hover{
    transform: scale(1.05);
   }
   .fr-sub button{
      text-align: center;
      width: 80px;
      height: 38px;
      border-radius: 30px;  
      background-color: #FEFDF8;
      font-size: 20px;
      font-family:'Bluescreens-black';
      cursor: pointer;
   }
   .fr-sub button:hover{
    transform: scale(1.05);
   }
 }
 @media screen and (max-width:480px){
  .menu{
    display: none;
  }
  .menu-ul{
    display: none;
  }
  .bt-nav{
    display: none;
  }
  .logo{
    grid-area: 1/1;
  }
.bg{
  height: 60px;
  padding: 20px;
  border: none;
  background-color:#262626;
  position: fixed;
  width: 100vw;
  top: -15px;
  z-index: 9999;
}
  .nav{
    display: grid;
    align-items:flex-start;
    height: 30px;
    margin-top: 15px;
    border: none;
    width: 90%;
    position:fixed;
    z-index: 9999;
  }
  .logo{
    color: #FEFDF8 ;
    font-weight: 100;
    font-size: 30px;
  }
  .nav{
    border-top: solid 8px #fff;
  }
.borda{
  display: none;
}
  .menu-b{
    position: fixed;
    display: flex;
    margin-top: 55px;
    flex-direction:column;
    justify-content: space-evenly;
    align-items: center;
    text-transform: uppercase;
    background-color:#eee;
    color: #262626;
    font-family: 'neue';
    font-size: 26px;
    font-weight: 100;
    border-radius: 5px;
    width: 100vw;
    height: 100vh;
    right: 0%;
    padding: 15px;
    cursor: pointer;
    z-index: 9999;
    transform:translateX(110vw);
    overflow: hidden;
    transition: all .3s ease;
  
  }
  .menu-b button{
    background-color: #262626;
    color: #fff;
    padding: 5px;
    width: 260px;
    height: 55px;
    font-weight: 700;
    border: none;
    border: solid 1px #262626;
    cursor: pointer;
  }
  .bt-nav{
    display: none;
  }
  .menu-ul{
    display: none;
  }
  .menu-toggle svg{
    transform: translateY(12px);
  }

  
  .menu-b a:hover{
    color: #000;
  }
  .menu-b a {
    color: #262626;

  }
  .svg {
    transition: all transform 0.8s ease-in-out;

}
  .top, .bottom {
    transition: transform 0.3s ease-in-out, y 0.3s ease-in-out;

}
.menu-toggle.active .top {
  transform: rotate(45deg);
  transform-origin: top ;
  y: 10px;
}

.menu-toggle.active .bottom {
  transform: rotate(-45deg) ;
  transform-origin:bottom;
  y: 10px;
}

  .menu-b.show{
    display: flex;
 
  }
  .show {
    transition: all .3s ease;
    /* width: 110vw; */
    transform:translateX(15px);
    
  }
  .menu-toggle{
    display: block;
    font-size: 16px;
    z-index: 10;
    grid-area: 1/3;
    cursor: pointer;
    color: #FEFDF8 ;
    font-weight: 100;
    text-transform: uppercase;
    transition: all .3s ease;
  }
  .main img{
    display: none;
  }
  .main{
    border: none;
  }
  .main{
    max-width: 400px;
  }
  .main-2{
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    max-width: 460px;
  }
  .main-2 video{
    width: 90vw;
  }
  .main-2 span{
    font-size: 14px;
  }
  .main-2 h1{
    font-size: 36px;
    line-height: 35px;
    word-wrap: break-word;
    width: 90vw;
  }
  .main-2 p{
    width: 280px;
  }
  .section-2{
    margin-top: -140px;
  }
  .slide-mobile{
    display: flex;
    max-width: 100%;
   }
  
   .slide-mobile[data-animated="true"]{
    /* overflow: hidden; */
    /* -webkit-mask:linear-gradient(90deg, transparent, white 20%);
    mask: linear-gradient(90deg, transparent, white white 80% ); */
   }
  
   .slide-mobile[data-animated="true"] {
    flex-wrap: nowrap;
    animation: scroll 10s  infinite ;
    gap: 20px;
   }
  
   @keyframes scroll {
    to{
      transform: translate(-100%);
    }
   }

 /*section 3 */

.st-3{
  background-color: #06322A;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  height:1400px;

}
.section-3{
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom:60px;
}

.tt-st3 span{
 margin-top: 30px;
 margin-bottom: 20px;
text-align: center;
}
.h1-st{
  margin-bottom: 20px;
}

.st-grid{
 display: flex;
 flex-grow: 1;
 margin: 0 auto;
 flex-direction: column;
}
.st-grid1{
  background-color: #0E392F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  max-width:400px;
  margin: 0 auto;
}
.st-grid1{
  padding: 20px;
}
.st-grid1 h1{
  font-size: 16px;
}
.st-grid1 p{
  margin-top: 30px;
  font-size: 10px;
  word-wrap: break-word;
  width: 200px;
}
.st-grid2{
  background-color: #0E392F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  max-width:250px;
  margin: 0 auto;
}
.st-grid2{
  padding: 20px;
}
.st-grid2 h1{

  font-size: 16px;

}
.st-grid2 p{
  margin-top: 30px;
  font-size: 10px;
  word-wrap: break-word;
  width: 200px;
}
.st-grid3{
  background-color: #0E392F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  max-width:250px;
  margin: 0 auto;
}
.st-grid3{
  padding: 20px;
}
.st-grid3 h1{
  margin: 0;
  font-size: 16px;
}
.st-grid3 h1{
  margin-bottom: 30px;
}
.st-grid3 p{
  font-size: 10px;
  word-wrap: break-word;
  width: 200px;
}

/* section 4 */

.section-4{
  background-color: #FEFDF8;
  height: 600px;
}
.t-s4 h1{
  display: flex;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family:'Bluescreens-black';
  font-size: 64px;

}
/*imagens */
.ct-01:hover .img-1{
  display: none;
}
.ct-02:hover .img-2{
  display: none;
}
.ct-03:hover .img-3{
  display: none;
}

.bt-seta{
  width: 50px;
}

.ct-01{
display: grid;
grid-template-rows: auto;
grid-row:1;
border-bottom:solid 1px #262626;
gap: 10px;
}
.ct-01 h1{
  font-size: 16px;
  grid-row:1;
  text-indent: 0;
}
.ct-01 .bt-seta{
  grid-row:1;
}
.ct-01 span{
  font-size: 16px;
  grid-row:1;
}
/*ct 02 */

.ct-02{
  display: grid;
  grid-template-rows: auto;
  grid-row:1;
  border-bottom:solid 1px #262626;
  gap: 10px;
  }
  .ct-02 h1{
    font-size: 16px;
    grid-row:1;
    text-indent: 0;
  }
  .ct-02 .bt-seta{
    grid-row:1;
  }
  .ct-02 span{
    font-size: 16px;
    grid-row:1;
  }
  /* ct03 */

.ct-03{
  display: grid;
  grid-template-rows: auto;
  grid-row:1;
  border-bottom:solid 1px #262626;
  gap: 10px;
  }
  .ct-03 h1{
    font-size: 16px;
    grid-row:1;
    text-indent: 0;
  }
  .ct-03 .bt-seta{
    grid-row:1;
  }
  .ct-03 span{
    font-size: 16px;
    grid-row:1;
  }
   /*  section 05*/
.sec-05{
  background-color: #183B33;
  height: 1000px;
}
  .section-05{
    padding: 5px;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .section-05 img {
    margin-top: 60px;
    cursor: pointer;

  }
  .section-05 img:hover {
   transform: scale(1.05);
  }

  .tt-05 h1{
    margin-top: 60px;
    font-family:'Bluescreens-black';
    color: #FEFDF8;
    font-size:  44px;
    text-transform: uppercase;
    border-bottom: solid 2px #E9F851;
  }

  .s-01, 
  .s-02,
  .s-04
{
 width: 170px;
 height: 170px;
  }
  .s-03{
  width: 345px;
  height: 215px;
  }
  .s-05{
    width: 170px;
    height: 170px;
  }
  
  .s-01, 
  .s-02,
  .s-04,
  .s-05
{
   padding: 5px;
  }

  /*slide */

  .section-6{
   display: flex;
   justify-content: center;
   align-items: center;
    background-color: #FEFDF8;
    max-width: 400px;
    margin: 0 auto;
    flex-direction: column;
    margin-bottom: 60px;
  }

    .tt-s6 h1{
    margin-top: 60px;
    margin-bottom: 60px;
    font-family:'Bluescreens-black';
    font-size: 64px;
  }
  .tt-s6 h1{
    margin: 10px;
    margin-bottom: 30px;
  }
  .slide.active {
    display: block;
  }
  .slides img{
    width: 100%;
    height: auto;

  }
  .slides img:hover {
    transition: transform 0.3s ease;
    cursor: url('./imagens/icone.png'), pointer;
    transform: scale(1.05); /* Zoom leve ao passar o mouse */
  }
  .slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .slide p {
    font-family: 'quattrocento';
    word-wrap: break-word;
    width: 300px;
  }
  .slide span{
    margin-top: 30px;
    font-family:'quattrocento';
    font-weight: bold;
    font-size: 24px;
  }

  .slider{
    max-width:350px;
    overflow: hidden;
  }
  .slides{
    display: flex;
    transition: transform 0.5s ease;
    justify-content: space-between;
    align-items: center;
  }

  .menu-bt img{
   max-width: 100px;
  }

  /*section 7 */
  .section-7{
    margin: 0;
    padding: 0;
    display: flex;
  }
.st-7{
  margin: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

  .img-bg{
    display: none;
  }
  
  .st-7 h1{
    font-family:'Bluescreens-black';
    font-size: 44px;
    margin-bottom: 20px;
  }
  .st-7 p{
    font-family: 'Quattrocento';
    font-size: 14px;
    margin-bottom: 20px;
    width: 350px;
  }
  .st-7 button{
    font-family: 'Quattrocento';
    width: 200px;
    height: 30px;
    background-color: #E9F851;
    font-weight: bold;
    border-radius: 15px;
    cursor: pointer;
  }
  .st-7 button:hover{
    transform: scale(1.06);
  }

  /*section 8 */

  .section-8{
    height: 60vh;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('https://res.cloudinary.com/dj3gku8z9/image/upload/v1741361607/bg-st9_lm3qkx.png') ;
    margin-bottom: 60px;
  }
  .section-8 h1{
    margin-top: 60px;
    font-family:'Bluescreens-black';
    color: #E9F851;
    font-size: 44px;
    text-transform: uppercase;
    word-wrap: break-word;
    width: 400px;
    padding: 20px;
    width: fit-content;
    letter-spacing: 1px;
    text-align: center;
  }

  .section-9{
    background-color: #FEFDF8;

  }
  .footer{
 display: flex;
 margin: 0;
 padding: 0;
  }
  .footer{
  max-width: 440px;
  margin: 0 auto;
  padding: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 70vh;
  
  }
  .ft-1{
    margin: 0;
    padding: 0;
  }
  .ft-1 a{
    font-family: "Neue";
    font-size:44px;
    color: #262626;
    padding: 20px;
  }

 .img{
  margin-left: 20px;
}
  .ft-1 img{
    width: 45px;
    cursor: pointer;
  }

  .ft-2 li{
    font-family:'Neue';
    font-size: 20px;
    color: #262626;
    cursor: pointer;
    font-weight: 100;
  }
  .ft-2 li:hover{
    color: #464646;

  }

  .ft-3 li{
    font-family:'Neue';
    font-size: 20px;
    color: #262626;
    cursor: pointer;
  }
  .ft-3 li:hover{
    color: #464646;
  }
  .ft-3{
   margin: 30px;
  }

  .ft-4{
    margin: 30px;
    border: solid 1px #262626;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ft-4 h1{
    font-family:'Bluescreens-black';
    font-size: 30px;
    text-align: center;
    color: #262626;
    margin-bottom: 10px;
  }
  .fr-sub input{
    text-align: center;
    height: 38px;
    border-radius: 30px;  
    background-color: #FEFDF8;
    border: solid 1px #262626 ;
    cursor: pointer;
    color: #262626 ;
    width: 120px;
  }
  .fr-sub input::-webkit-input-placeholder {
    color: #262626;
    font-family:'Bluescreens-black';
    font-size: 20px;
    text-transform: uppercase;
 }
 .fr-sub input:hover{
  transform: scale(1.05);
 }
 .fr-sub button{
    text-align: center;
    width:120px;
    height: 38px;
    border-radius: 30px;  
    background-color: #FEFDF8;
    font-size: 20px;
    font-family:'Bluescreens-black';
    cursor: pointer;
    margin-top: 5px;
 }
 .fr-sub button:hover{
  transform: scale(1.05);
 }
   


}