@font-face {
    font-family:'roboto';
    src:url("../fonts/Roboto-Bold.ttf");
}

@font-face {
   font-family: montserrat;
   src: url(../fonts/Montserrat-Bold.otf);
}

.bg-img-disclaimer{
    display: none !important;
}

a:link{
   text-decoration: none;
}

.topo-0{
   padding: 10px 5px 10px;
   background-color: #D41212;
   text-align: center;
}

.texto-topo-0{
   font-family: 'Jost', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.8rem;
    color: #fff;
    padding: 0;
    margin: 0;
}

.topo-1{
   padding-top: 26.58px;
   padding-bottom: 18.38px;
   background-color: #51528b;
   position: relative;
   margin-bottom: 30px;
}

.titulo-topo-1{
   font-size: clamp(29px, 4vw, 43.19px);
    color: #ffe400;
    text-align: center;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 0;
}

.timer {
    font-size: clamp(58px, 6vw, 64.98px);
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.topo-3{
   padding: 40px 0;
   background-color: #fff;
}

.fundo-kit{
   border-radius: .5rem;
   border: 3px solid #000;
   padding: 20px 15px;
}

.titulo-kit{
   font-size: 1.875rem;
   line-height: 2.25rem;
   font-weight: 700;
   color: #000;
   margin-bottom: 15px;
}

.fundo-preto{
   background-color: #000;
   padding-top: .25rem;
   padding-bottom: .25rem;
   padding-left: .5rem;
   padding-right: .5rem;
   border-radius: .5rem;
   color: #fff;
   font-size: 1.875rem;
   line-height: 2.25rem;
}

.img-kit{
   width: 100%;
   height: auto;
   margin-bottom: 20px;
}

.texto-popular{
   font-size: .75rem;
   line-height: 1rem;
   color: #fff;
   font-weight: 500;
   background-color: #b22222;
   padding-top: .25rem;
   padding-bottom: .25rem;
   padding-left: .5rem;
   padding-right: .5rem;
   border-radius: .5rem;
}

.preco{
   font-size: 3rem;
   line-height: 1;
   color: #000; 
   font-weight: bold;    
}
.preco span{
   font-size: 1.25rem;
   line-height: 1.75rem;
}  

.botao{
   display: block;
   margin: 0 auto;
   text-align: center;
   font-size: 1.25rem;
   line-height: 1.75rem;
   color: #fff;   
   font-weight: 700;
   padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: rgb(178, 34, 34);  
    border-radius: 50px;
} 

.texto-total{
   font-weight: 700;
   color: #000;
   font-size: 1.125rem;
   line-height: 1.75rem;
   margin: 0;
   padding: 10px 0 0 0;
}

.texto-total span{
   color: #b22222;   
}

.texto-frete{
   color: rgb(185, 28, 28);
   font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    padding: 0px 0 0 0;
    margin: 0;
}

.texto-desconto{
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 800;
   color: #000;  
   margin: 0;
   padding: 0;   
}

.fundo-garantia{
   border: 7.0045px solid #51528b;
   border-radius: 12.517px;
   padding: 10px;
   background-color: #f2f8ff;
   position: relative;
}

.linha-amarela{
   border: 6px dashed #ffc60d;
   margin: 0;
   border-radius: 12.517px;
}

.img-garantia{
   display: block;
   margin: 0 auto;
   width: 250px;
   height: auto;
   margin-top: -100px;
}

.topo-4{
   padding: 40px 0;
}

.texto-dia{
   font-size: 90px;
    font-weight: 700;
    color: #51528b;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 0;
}

.texto-garantia{
       font-size: 70px;
    margin-top: 10px;
    font-weight: 700;
    text-align: center;
    color: #51528b;
    letter-spacing: -0.01251em;
    padding: 0;
    margin: 0;
}

 .money__list {
        margin-top: 31.028px;
        position: relative;
        z-index: 3;
      }

      .money__list li {
        margin-bottom: 25.965px;
        letter-spacing: -0.0174867em;
        font-size: 18.26px;
        font-weight: 400;
        list-style: none;
      }

      .money__list li,
      .money__list li span {
        display: flex;
        align-items: center;
        align-content: center;
      }

      .money__list li span {
        width: 55.491px;
        height: 55.491px;
        min-width: 55.491px;
        font-size: 35.95px;
        margin-right: 15.965px;
        font-weight: 700;
        color: #fff;
        border-radius: 50%;
        background-color: #51528b;
        justify-content: center;
      }

      .rodape{
         background-color: #000;
         padding: 20px 0;
      }

      .texto-rodape{
         color: rgb(107, 114, 128);
         font-size: .75rem;
         line-height: 1rem;
         font-weight: 500;
         padding: 0;
         margin: 0;
      }

      .texto-rodape a{
         color: #fff;
         margin-top: 15px;
      }   

      .rodape2{
         background-color: #fff;
         padding: 15px 0;
      }

      .so-cel{
         display: none;
      }

      .texto-so-cel{
         color: rgb(6, 78, 59);
         font-weight: 700;
         font-size: 1rem;
         line-height: 1.5rem;
      }

      svg{
         max-width: 100%;
        width: auto;
        height: 50px;
        margin-bottom: 5px;
      }

      .esp-topo{
         padding-top: 30px;
      }

@media screen and (max-width: 600px) {

      .so-cel{
         display: block;   
         margin-top: 40px; 
      }

      ul{
         margin-left: 0!important;
         padding-left: 0!important;
      }

      .money__list {
          margin-top: 6.43vw;
        }

        .money__list li {
          margin-bottom: 6.43vw;
          font-size: 4.64vw;
          letter-spacing: -0.025em;
          display: block;
          text-align: center;
        }

        .money__list li span {
          display: none;
        }

        .money__list li b:first-child {
          font-size: 5.53vw;
          width: 100%;
          display: block;
          text-align: center;
        }

   .texto-dia{
      font-size: 13.39vw;
   }   

   .texto-garantia{
      font-size: 9.81vw;
      margin-top: 2.06vw;
   }

   .img-garantia{
      width: 200px;
      height: auto;
      margin-top: -100px;
   }

   .topo-4{
      padding: 90px 0 40px 0;
   }

   .linha-amarela{
      border: none;
      padding: 0px;
   }

   .fundo-garantia{
      padding: px;
   }

}

.preto{
   color: #000;
}