@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap');
*, html{
    padding: 0;
    margin: 0;
    border: none !important;
    color: #2F3336;
}
body{
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center top;
	background-size:auto;
	color:#2f3336;
    font-family: "Kumbh Sans", sans-serif;    
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
section{
	width: 100%;
    padding:100px 0 50px;
}
contant{
    width: 80%;
	max-width: 1200px;
	margin: 0 auto;
    padding: 0;
	clear: both;
    display: flow-root;
}
header{
    background: #FA9834;
    padding: 10px;
}
.col-avulso1{
 	float: left;
	display: block;
}
.col-avulso2{
	float: left;
	display: block;
}
.col-01{
/*    background: orange;*/
    clear: both;
    width: 100%;
}
.col-02{
	width: 50%;
	float: left;
	display: block;
}
.col-03{
	width: 33.32%;
/*	background-color: yellow;*/
	float: left;
	display: block;
}
.col-04{
	width: 25%;
	background-color: yellow;
	float: left;
	display: block;
}
.col-05{
	width: 20%;
	background-color: yellow;
	float: left;
	display: block;
}
.col-06{
	width: 16.667%;
	background-color: yellow;
	float: left;
	display: block;
}
.button, .button2, .button3{
    transition: transform 0.3s ease;
}
.button,.button3 {
    padding: 20px 40px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    background: #4b9e03;
    font-size: 18px;
}
.button2 {
    padding: 20px 40px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    background: #e86d04 ;
    font-size: 18px;
}
.button:hover, .button2:hover, .button3:hover {
    transform: scale(1.05); /* Aumenta o tamanho em 5% */
}
i.fa-check-double, i.fa-truck-fast, i.fa-whatsapp {
    color: #fff;
    font-size: 20px;
    margin-right: 5px;
}
h2.ttl-v1{
    color: #993300;
    font-size: 36px;
    font-family: Kumbh Sans, sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 20px 0;
}
h2.ttl-v2{
    color: #ffffff;
    font-size: 36px;
    font-family: Kumbh Sans, sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 20px 0;
}
.sub-ttl {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
}
p {
  color: #003366;
  margin: 0 0 30px 0;
  font-family: Kumbh Sans, sans-serif;
  font-weight: 500;
  font-size: 16px;
}



/***************************/
header p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: Kumbh Sans, sans-serif;
    font-weight: 600;
    display: block;
    margin: 0 auto;
}

/*LINHA002***********************/
.linha002{
    background-image: url(imagens/bg-topo-pc.jpg);
    background-position: top center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.linha002 #logo {
  width: 270px;
}
.linha002 h1 {
    color: #993300;
    margin: 20px 0px 0px 0px;
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
}
.linha002 h3 {
  color: #993300;
  padding: 20px 0px;
  text-align: left;
  font-size: 24px;
}
.linha002 ul {
  padding: 30px 0;
}
.linha002 li {
    list-style: none;
    padding: 0 0px 15px 40px;
    color: #993300;
    font-family: Kumbh Sans, sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.linha002 i.fa-check-circle{
    color: #71ac0a;
    font-size: 24px;
}
.safe {
    width: 300px;
    padding: 10px 0;
    opacity: 0.5;
}

/*LINHA003***********************/
.linha003{
    background-image: url(imagens/bg-gradiente-central.jpg);
    background-position: center top;
    padding: 0;
    height: 40px;
    display: flow-root;
}
.linha003 img {
  width: 300px;
  margin: -140px auto 0px;
  display: block;
}


/*LINHA004***********************/
.linha004{
  background-image: linear-gradient(#f9f9f9 0%, #f9f9f9 100%);
  padding: 120px 0 40px;
  text-align: center;
}
.linha004 h2{
    text-align: center;
}
.linha004 img {
  width: 130px;
  margin: 10px 0;
}
.linha004 .col-03 {
  margin: 0px 1.5%;
  width: 30.3%;
}
.linha004 p{
  color: #993300;
  font-size: 20px;
  text-align: center;
  letter-spacing: -1px;
}
.linha004 #linhacompra {
  /*! background: yellow; */
  padding: 30px 0 21px;
}

/*LINHA005***************************/
.linha005{
    background-size: auto;
    background-image: linear-gradient(#faf1e8 0%, #faf1e8 100%);
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;
}
.linha005 .col-avulso1 {
  /*! background: yellow; */
  width: 50%;
  padding: 0 5%;
}
.linha005 .col-avulso2 {
/*  background: orange;*/
  width: 40%;
}
.linha005 h2 {
  text-align: left;
}
.linha005 p {
    color: #003366;
    margin: 20px 0 20px 0;
    font-family: Kumbh Sans, sans-serif;
    font-weight: 500;
}
.linha005 li{
    list-style: none;
}
.linha005 li img {
  width: 32px;
  float: left;
  margin: 0 10px 0 0;
}
.linha005 li p {
  color: #993300;
  font-size: 20px;
  font-family: Kumbh Sans, sans-serif;
  font-weight: 500;
  margin: 0 0 20px 0;
}
.linha005 .col-avulso2 img{
  width: 70%;
  margin: 0 auto;
  display: block;
}

/*LINHA006**************************************************/
.linha006{
    background-position: right;
    background-image: -webkit-linear-gradient(270deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
}
.linha006 contant{
    max-width: 1080px;
}
.linha006 .col-avulso1{
    width: 25%;
}
.linha006 .col-avulso2{
    width: 50%;
}
.linha006 h2{
    text-align: center;
    padding: 20px 0;
}
.linha006 li{
    background: #fff;
    list-style: none;
    padding: 15px;
    margin: 10px 0;
    border-radius: 15px;
}
.linha006 .bullets{
  width: 32px;
  float: left;
  margin: 0 10px 0 0;
}
.linha006 p{
    display: flex;
    margin: 0;
}
.linha006 img.variavel{
    width: 100%;
}


/*LINHA007**************************************************/
.linha007{
    text-align: center;
    padding: 100px 0;
}
.linha007 .col-03 img{
    width: 90%;
}
.linha007 h2{
    margin: 30px 0 0 0;
}
.linha007 p {
  color: #003366;
  margin: 0 0 30px 0;
  font-family: Kumbh Sans, sans-serif;
  font-weight: 500;
}


/*LINHA008**************************************************/
.linha008{
    background: #eeecec;
    text-align: center;
}
.linha008 contant{
    max-width: 1080px;
}
.linha008 p {
    color: #003366;
    margin: 0 0 30px 0;
    font-family: Kumbh Sans, sans-serif;
    font-weight: 500;
    font-size:16px
}
.linha008 .col-02 h3 {
    font-size: 18px;
    font-family: Kumbh Sans, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #993300;
    margin-top: 10px
}
.linha008 span{
    color: #930;
    margin: 0 0 10px 0;
    font-family: Kumbh Sans, sans-serif;
    font-weight: 800;
    font-size: 14px;
    display: block;
}
.linha008 .col-02 p {
    margin: 0 0 30px 0;
    font-weight: 400;
    color: #993300;
    font-size: 14px
}
.linha008 .col-avulso1{
    padding: 20px 20px 20px 20px;
    border-radius: 300px 300px 30px 30px;
    background: #fadeb2;
    background-repeat: repeat;
    width: 75%;
    height: 370px;
    margin: 20px 0;
}
.linha008 .col-avulso1 img {
  width: 100%;
}


/*LINHA009**************************************************/
.linha009{
    text-align: center;
}
.linha009 contant{
    max-width: 1080px;
}
.linha009 h2{
    margin-top: 30px;
}
.linha009 .col-03 {
  width: 31.32%;
  margin: 1%;
}
.linha009 .col-03 img {
  width: 100%;
}
.linha009 iframe{
    width: 100%;
    height: 600px;
}

/*LINHA010**************************************************/
.linha010{
    background: #FAF1E8;
    text-align: center;
}
.linha010 contant{
    max-width: 1080px;
}
.linha010 .col-02 .col-02 {
  width: 40%;
  margin: 0 5%;
}
.linha010 .col-02 .col-02 img{
  width: 60%;
  border-radius: 100%;
  border: 6px solid #eaa61e;
  margin: 20px 0;
}
.linha010 .col-02 .col-02 span{
  color: #eaa61e;
}
.linha010 .col-02 h4{
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 10px;
}
.linha010 .col-02 p {
  font-style: italic;
    color: #993300;
    font-weight: 400;
}


/*LINHA011**************************************************/
.linha011 contant{
    text-align: center;
    max-width: 960px;
}
.linha011 img{
    width: 80%;
}
.linha011 iframe{
    width: 100%;
    height: 500px;
}

/*LINHA012**************************************************/
.linha012{
    background-image: -webkit-linear-gradient(270deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,153,51,1.00) 0%,rgba(204,102,51,1.00) 100%);
}
.linha012 contant{
    max-width: 1080px;
}
.linha012 .col-avulso1{
    width: 600px;
    padding-top: 40px; 
}
.linha012 .col-avulso2{
    width: 480px;
    text-align: center;
}
.linha012 .col-avulso2 img{
    width: 100%;
}

.linha012 .col-avulso1 .col-01{
    background: #fff;
    padding: 40px 10%;
    border-radius: 20px;        
    width: auto;
    text-align: center;
}
.linha012 .col-avulso1 .col-01 p{
    font-size: 18px;
}



/*LINHA013**************************************************/
.linha013{
    background: #fff;
    text-align: center;
}

.linha013 .col-02 .col-02{
    width: 45%;
    padding: 40px 1% 0px;
    border: 2px solid orange !important;
    margin: 0 1%;
    border-radius: 20px;
/*    background: orange;*/
        
}
.linha013 .col-02 .col-02 h3{
    font-size: 30px;
    font-weight: 900;
    line-height: 28px;
    margin: 0 0 10px 0;
}
.linha013 .col-02 .col-02 .extras{
    color: #c611dd;
    font-weight: 800;
    margin: 0;
}
.linha013 .col-02 .col-02 .leve {
    margin: 0 0 15px 0;
}
.linha013 .col-02 .col-02 .leve span{
    font-weight: 800;
}
.linha013 .col-02 .col-02 .preco{
    font-weight: 900;
    font-size: 30px;
    margin: 0;
}
.linha013 .col-02 .col-02 .valor{
    font-size: 14px;
    font-weight: 300;
    color: gray;
}
.linha013 .col-02 .col-02 .valor span{
    font-weight: 800;
    font-size: 16px
}
.linha013 .col-02 .col-02 .produto{
    width: 90%;
}
.linha013 .col-02 .col-02 .ifrete{
    width: 80%;
    opacity: 0.8;
    margin: 10px;
}

.linha013 .col-02 .col-02 .frete{
    font-size: 12px;
    color: gray;
    text-transform: uppercase;
}



/* FAQ/ LINHA 14 **************************************************************/
.faq-container {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.faq-container h1 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    color: #993300;
    font-size: 26px;
    font-family: Kumbh Sans, sans-serif;
    text-transform: uppercase;
    font-weight: 800;
}
.accordion {
    border-bottom: 1px solid #ddd;
}

.accordion-header {
    padding: 15px 20px;
    background-color: #ffbf00 !important;
    color: white;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
}
.accordion-header:hover {
    background-color: #f7832e;
}
.accordion-header::after {
    content: '+';
    font-size: 20px;
    transition: transform 0.3s ease;
}
.accordion-header.active::after {
    content: '-';
    transform: rotate(180deg);
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    background-color: #f9f9f9;
    color: #333;
    padding: 0 20px;
    line-height: 1.6;
    transition: max-height 0.4s ease, padding 0.4s ease;
}
.accordion-content.open {
    max-height: 300px; /* Altura máxima para expandir */
    padding: 15px 20px;
}
.accordion-content p {
    margin: 0;
}

.linha014 .col-01 {
  text-align: center;
  padding: 30px 0 0;
}


/* Footer**************************************************************/
footer{
    background: #0c0c0c;
    padding: 100px 0 0;
}
footer contant{
    max-width: 960px;
}
footer .logo{
    width: 60px;
    opacity: 0.5;
    height: auto;
}
footer .col-03 p{
    color: #fff;
    font-size: 12px;
    margin: 10px 0 10px;
    display: block;
}
footer img{
    display: block;
    width: auto;
    height: 50px;
    margin-bottom: 30px; 
}
footer .col-01{
    margin: 0 0 50px;
    display: inherit;
}
footer #cinza p{
    color: #535353 !important;
    font-size: 12px;
    text-align: center;
}



/* Estilos para Tablets **************************************/
@media (max-width: 1024px) {
    contant{
        width: 80%;
        max-width: 90%;
    }
    .linha002{
        background-size: cover;
    }
    .linha003 .col-01{
        width: 70%;
        float: right
    }
    .linha003 img {
        width: 300px;
        display: block;
        text-align: right;
    }
    .linha004 h2{
        width: 80%;
        display: block;
        margin: 0 auto 30px;
    }
    .linha004 p{
        display: block;
        margin: 0;
    }
    .linha004 .col-02{
        width: 100%;
        margin-bottom: 40px;
    }
    .linha005 .col-avulso2 img {
        width: 90%;
    }
    .linha012 .col-avulso1, .linha012 .col-avulso2{
        width: 50%;
        padding-top: 0;
    }
    .linha012 .col-avulso1 .col-01{
        padding: 20px 20px;
    }
    .linha013 .col-02{
        width: 90%;
        margin: 0 5% 20px;
    }
}


/* Estilos para mobile **************************************/
@media (max-width: 720px) {
    .col-02, .col-03, .col-avulso1, .col-avulso2 {
        width: 100% !important;
        float: none;
        margin: 0 !important;
    }
    contant {
/*        background: #00800030;*/
        max-width: 460px !important;
        width: 90%;
    }
    .button{
        display: block;
        text-align: center;
    }
    .safe {
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .linha003 {
        height: 150px;
        text-align: cemter;
    }
     .linha003 .col-01{
        width: 100%;
    }
    .linha003 img{
        margin: -10px auto 0;
        width: 260px;
        padding: 0;
        text-align: center;
    }
    .linha004 img {
        width: 150px;
    }
     .linha005 .col-avulso2 img {
         width: 260px;
  }
    .linha008 .col-avulso1{
        width: 240px !important;
        margin: 0 auto 30px !important;
        display: inherit;
        height: auto;
    }
    .linha009 .col-03{
        width: 300px !important;
        margin: 0 auto 20px!important;;
    }
    .linha010 .col-02 .col-02{
        width: 300px !important;
        margin: 0 auto !important;
    }
    .linha011 .col-02 {
        width: 360px !important;
        margin: 0 auto 20px !important;
    }
    .linha013 .col-02 .col-02{
        width: 340px !important;
        margin: 0 auto 20px!important;
    }
    footer .col-01, footer img{
        text-align: center;
        margin: 0 auto 20px;
    }
}