@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');

 /*tabelas*/

 #tabelas {
   /* background:#46344F; */
 }

 #tabelas h2 {
   color: #FFF;
 }

 #tabelas h3 {
   font-style: normal;
 }

 #tabelas h2 b {
   font-weight: 800;
   color: #46344F;
 }

 /*Configurações de tabelas*/

 .box-precos {
   background: #fff;
   border-radius: 4px;
   box-shadow: 0 0 8.91px .09px rgba(27, 27, 27, .23);
   padding-bottom: 2px;
   line-height: 1.4em;
   cursor: pointer;
   transition: all 0.2s;
   width: 90%;
   margin: 20px auto;
 }

 .box-precos:hover {
   transform: scale(1.1);
 }

 .box-precos .header {
   display: block;
   background-color: #f1f1f1;
   position: relative;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   height: 50px
 }

 .box-precos .header .porcentagem-desconto {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 50px;
   height: 50px;
   background-color: #2a7c82;
   font-size: 10px;
   line-height: 12px;
   color: #fff;
   text-align: left;
   font-weight: 700;
   padding: 14px 12px;
   border-top-left-radius: 3px
 }

 .box-precos .header .porcentagem-desconto strong {
   font-size: 14px;
   color: #fff
 }

 .box-precos .header .produto-info {
   width: 100%;
   padding: 12px;
   text-align: center
 }

 .box-precos .header .produto-info strong {
   font-size: 13px;
   display: block;
   line-height: 13px;
   font-weight: 700;
   color: #2a7c82 ;
   /* padding-left: 18%; */
   text-transform: uppercase
 }

 .box-precos .header .produto-info small {
   font-size: 13px;
   display: block;
   font-style: normal;
   font-weight: 500;
   color: #5e5e5e;
   /* padding-left: 19%; */
   text-transform: none
 }

 .box-precos .thumb {
   width: 100%;
   overflow: hidden
 }

 .box-precos .thumb img {
   width: 100%;
   margin: 0 auto
 }

 .conteudo-produto {
   margin-top: 20px;
   width: 100%;
   padding: 0 10px
 }

 .conteudo-produto .titulo-produto {
   display: block;
   text-align: center;
   font-size: 14px;
   padding: 0 19px;
   color: #333;
   margin-top: 10px
 }

 .conteudo-produto .precos-produto {
   padding: 0 10px
 }

 .conteudo-produto .precos-produto span {
   display: block;
   font-size: 14px;
   color: #333
 }

 .conteudo-produto .precos-produto span em {
   font-style: normal;
   float: right
 }

 .conteudo-produto .precos-produto span em.preco-antigo {
   color: red;
   text-decoration: line-through
 }

 .conteudo-produto .parcela {
   padding: 0 10px;
   font-size: 12px;
   margin-top: 13px;
   line-height: 24px
 }

 .conteudo-produto .parcela span {
   display: inline-block;
   font-weight: 700;
   font-size: 16px
 }

 .conteudo-produto .parcela strong {
   font-size: 12px;
   color: #46344F;
   font-weight: 800;
   float: right
 }

 .conteudo-produto .parcela strong em {
   font-style: normal;
   font-size: 30px;
   color: #2a7c82;
   font-weight: 900
 }

 .btn-comprar {
   text-align: center;
   height: 49px;
   line-height: 48px;
   margin-top: 10px;
   margin-bottom: 28px;
   position: relative
 }

 .btn-comprar a {
   display: block;
   overflow: hidden;
   box-sizing: border-box;
   -webkit-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   width: 190px;
   height: 50px;
   padding: 0;
   margin: 0 auto;
   line-height: 50px;
   z-index: 111;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 700;
   background-color: #2a7c82;
   color: #fff;
   border-radius: 3px;
   text-align: center
 }

 .btn-comprar a:hover,
 .box-precos.destaque .btn-comprar a:hover {
   color: #fff;
   text-decoration: none;
   background: #2a7c82
 }

 .box-precos.destaque {
   margin-top: 0
 }

 .box-precos.destaque .conteudo-produto .titulo-produto {
   margin-top: 27px
 }

 .box-precos.destaque .conteudo-produto .parcela {
   margin-top: 30px
 }

 .box-precos.destaque .header .porcentagem-desconto,
 .box-precos.destaque .btn-comprar a {
   background: #035358
 }

 .box-precos.destaque .header .produto-info strong,
 .box-precos.destaque .conteudo-produto .parcela strong,
 .box-precos.destaque .conteudo-produto .parcela strong em {
   color: #11656b
 }

 .frete {
   background-color: #fefefe;
   text-align: center;
   margin: 25px -10px;
   color: #fff;
   padding: 10px;
   border: 1px solid #eee;
 }

 .frete img {
   width: 26px;
   display: inline-block;
   margin-right: 5px;
 }

 .frete p {
   display: inline-block;
   color: #000;
   font-size: 12px;
   margin-bottom: 0;
 }


 /*Responsivo*/

 /*768px*/

 @media (max-width: 768px) {

   h2 {
     font-size: 30px;
     font-weight: 900;
   }

   #tabelas .tabela {
     margin-bottom: 100px;
   }

 }

 /*576px*/

 @media (max-width: 576px) {
   h2 {
     font-size: 24px;
   }

   .tabela {
     width: 90%;
   }
 }

 /*480px*/

 @media (max-width: 480px) {

   .box-precos {
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 0 8.91px .09px rgba(27, 27, 27, .23);
     padding-bottom: 2px;
     line-height: 1.4em;
     cursor: pointer;
     transition: all 0.2s;
     width: 100%;
     margin: 20px auto;
   }

   .box-precos .header .produto-info {
     width: 100%;
     padding: 12px 0 0 21px;
     text-align: center;
   }
 }


 /*420px*/

 @media (max-width: 420px) {}

 /*380px*/

 @media (max-width: 380px) {

   .tabela {
     width: 90%;
   }
 }