*{
  margin:0;
  padding:0;
  box-sizing:border-box
}
body{
  margin:0px !important
}
img{
  width:100%;
  max-width:100%
}
button{
  cursor:pointer
}
.body{
  font-family:"proxima-nova",sans-serif;
  font-weight:normal;
  font-size:16px;
  width: 100%;
  overflow: hidden;
}
p{
  font-size:1.25rem !important;
  line-height:1.1 !important
}
h1,h2,h3,h4,h5,h6,strong,b{
  font-weight:600;
  line-height:1 !important
}
h2{
  font-size:2.63rem
}
h3{
  font-size:2.38rem
}
button{
  border:none
}
.op-0{
  display:none
}
.group-list{
  display:flex;
  width:100%
}
.group-list .titulo{
  color:#000;
  font-size:1.8rem;
  font-weight: 700;
  letter-spacing:-0.4px;
  margin-bottom:15px;
  margin-top:100px
}
.group-list ul.tabela{
  width:auto;
  padding:0
}
.group-list ul.tabela .topo{
  background-color:#9a5394;
  color:#fff;
  font-weight:bold;
  font-size:1.4rem
}
.group-list ul.tabela .topo img{
  width:auto;
  height:26px;
  margin-right:15px
}
.group-list ul.tabela li{
  font-size:1.4rem;
  padding:5px 8px;
  border-radius:10px;
  color:#000;
  list-style:none;
  background-color:#e6e7e8;
  margin-bottom:5px;
  display:flex;
  align-items:center;
  width:95%
}
.group-list ul.tabela li.linha{
  justify-content:space-between
}
@media(max-width: 700px){
  .group-list{
      flex-direction:column;
      align-items:center
  }
  .group-list ul.tabela{
      width:100%
  }
  .group-list ul.tabela li{
      width:100%
  }
}
.more{
  position:absolute;
  z-index:9999 !important;
  cursor:pointer;
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center
}
.more .botao{
  position:relative;
  width:50px;
  height:50px
}
.more .botao .border{
  border:1px solid #ccc;
  background:rgba(0,0,0,0);
  position:absolute;
  border-radius:50%;
  width:34px;
  height:34px;
  top:50%;
  left:50%;
  margin-left:-25px;
  margin-top:-25px;
  animation-name:example;
  animation-duration:2s;
  animation-iteration-count:infinite
}
.more .botao .m{
  background:#32cdc8;
  border-radius:50%;
  width:33px;
  height:33px
}
.more .botao .m a{
  border:none
}
.more .botao .m img{
  width:25px !important;
  height:32px !important;
  transition:all .2s;
  position:relative !important;
  margin-top:1px !important;
  filter:brightness(0) invert(1)
}
.more .texto{
  background-color:#7b8a9c;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  min-width:200px;
  padding:5px;
  text-align:center;
  margin-top:15px;
  margin-left:-20px;
  padding-left:25px
}
.more:hover img{
  transform:rotate(90deg)
}
.fifi{
  letter-spacing:.02rem
}
@keyframes example{
  from{
      transform:scale(1);
      opacity:1
  }
  to{
      transform:scale(1.4);
      opacity:0
  }
}
.box{
  color:#fff;
  background-color:#041e50;
  padding:0;
  max-width:550px
}
.box .box-body,.box .box-footer{
  padding:30px
}
.box .box-footer{
  background-color:#7b8a9c
}
.navegacao{
  position:absolute;
  bottom:50px;
  padding:30px 60px;
  width:100%;
  display:flex;
  justify-content:space-between;
  z-index:999
}
.navegacao li{
  list-style-type:none
}
.navegacao li button{
  margin:30px;
  width:50px;
  height:50px;
  padding:10px;
  background-color:rgba(255,255,255,.8);
  border-radius:50%
}
.navegacao li button img{
  width:30px;
  height:30px;
  margin-right:-2px
}
.navegacao li.prev img{
  transform:rotate(180deg);
  margin-right:2px
}
.modal-video{
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:103%;
  z-index:99999999 !important;
  visibility:hidden;
  transition:all .2s
}
.modal-video.show{
  visibility:visible
}
.modal-video .close{
  position:absolute;
  top:30px;
  right:30px;
  width:30px;
  height:30px;
  cursor:pointer;
  transform:rotate(45deg);
  transition:all .2s
}
.modal-video .close img{
  filter:brightness(100)
}
.modal-video .close:hover{
  transform:rotate(135deg)
}
.modal-video .bg{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.6)
}
.modal-video .bg div{
  max-width:800px
}
@media(max-width: 1366px){
  html{
      font-size:14px
  }
  p{
      font-size:1rem
  }
  .box{
      max-width:365px
  }
  .box .box-body,.box .box-footer{
      padding:20px
  }
  h1{
      font-size:2.8rem
  }
  h3{
      font-size:1.7rem
  }
}
.container-fluid{
  padding:0
}
@media(max-width: 460px){
  html,body{
      font-size:12px
  }
  .container-fluid{
      padding:0
  }
  .container-fluid .row{
      padding:0;
      margin:0
  }
  .box{
      max-width:100%
  }
}
@media(max-width: 1000px){
  .navegacao{
      z-index:999999999 !important
  }
}
@media(max-width: 670px){
  h1{
      font-size:2.1rem
  }
  p{
      font-size:1.3rem
  }
}
@media(min-width: 671px)and (max-width: 800px){
  h1{
      font-size:2.1rem
  }
  p{
      font-size:1.2rem
  }
}
@media(min-width: 801px)and (max-width: 990px){
  h1{
      font-size:2.2rem
  }
  p{
      font-size:1.4rem
  }
}
@media(min-width: 991px)and (max-width: 1089px){
  h1{
      font-size:2.7rem;
      line-height:3rem
  }
  p{
      font-size:2.1rem
  }
}
#header{
  background:url("../images/header_1.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  height:690px
}
#header .container-fluid{
  height:100%
}
#header .container-fluid .logo{
  width:277px;
  height:auto;
  left:4%;
  top:3%;
  position:absolute
}
#header .container-fluid .logo-mob{
  width:277px;
  height:auto;
  left:4%;
  top:15%;
  position:relative;
  display:none
}
#header .container-fluid .row{
  height:100%
}
#header .box-1{
  height:100%;
  z-index:0;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  width:47%
}
#header .box-1 .content{
  position:relative;
  height:auto;
  margin-right:20px;
  padding-bottom:45px
}
#header .box-1 .content .logo{
  margin-top:135px
}
#header .box-1 .content .logo img{
  width:265px
}
#header .box-1 .content p{

  font-weight: 700;
  color:#ff8200;
  font-size:1.2rem;
  line-height:18px;
  margin-top:20px;
  letter-spacing:.2px;
  margin-left:34px;
  padding-bottom:28px;
  margin-bottom:0px;
  margin-right:23px
}
#header .box-1 .content .balon{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:relative;
  width:-moz-max-content;
  width:max-content
}
#header .box-1 .content .balon::after{
  content:"";
  background-image:url("../images/balao_wt.png");
  background-size:50px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:0%;
  margin-top:-3px
}
#header .box-1 .content .balon h1{
  z-index:1;
  padding:28px 34px 0px 34px;

  font-weight: 700;
  font-size:2.6rem;
  color:#ff8200;
  margin:0;
  line-height:2.8rem
}
@media(max-width: 600px){
  #header{
      background-position:52% !important
  }
  #header .logo-mob{
      padding-top:110px;
      top:unset !important;
      left:unset !important
  }
  #header .row{
      display:flex;
      justify-content:center !important
  }
  #header .box-1{
      width:70%
  }
  #header .box-1 .content{
      margin-right:0px !important;
      padding-bottom:14px !important;
      align-items:center
  }
  #header .box-1 .content .balon{
      width:100% !important
  }
  #header .box-1 .content .balon h1 br{
      display:none
  }
  #header .box-1 .content .balon p br{
      display:none
  }
}
@media(max-width: 990px){
  #header{
      background-position:86%
  }
  #header .box-1{
      align-items:flex-end
  }
  #header .box-1 .content{
      margin-right:25px
  }
  #header .box-1 .content p br{
      display:none
  }
  #header .box-1 .content .balon{
      border-top-left-radius:0px;
      border-bottom-left-radius:30px;
      border-bottom-right-radius:30px;
      border-top-right-radius:30px;
      width:95%
  }
  #header .box-1 .content .balon::after{
      content:"";
      background:none
  }
  #header .box-1 .content .balon::before{
      content:"";
      background-image:url("../images/balao_wt_invert.png");
      background-size:50px;
      width:50px;
      height:50px;
      position:absolute;
      background-repeat:no-repeat;
      left:0px;
      margin-top:-1px;
      top:-20%;
      transform:scaleX(-1)
  }
  #header .box-1 .content .balon h1{
      padding:25px 28px 0px 29px;
      font-size:2.1rem;
      line-height:2.4rem
  }
}
@media(max-width: 1100px){
  #header{
      background-position:86%
  }
  #header .box-1 .content{
      justify-content:space-between;
      height:100%;
      display:flex;
      flex-direction:column
  }
  #header .box-1 .content .balon{
      border-top-left-radius:0px;
      border-bottom-left-radius:30px;
      border-bottom-right-radius:30px;
      border-top-right-radius:30px
  }
  #header .box-1 .content .balon::after{
      content:"";
      background:none
  }
  #header .box-1 .content .balon::before{
      content:"";
      background-image:url("../images/balao_wt_invert.png");
      background-size:50px;
      width:50px;
      height:50px;
      position:absolute;
      background-repeat:no-repeat;
      left:0px;
      margin-top:-1px;
      top:-20%;
      transform:scaleX(-1)
  }
  #header .box-1 .content .balon h1{
      font-size:2.1rem
  }
  #header .container-fluid .logo{
      display:none
  }
  #header .container-fluid .logo-mob{
      width:277px;
      height:auto;
      left:4%;
      top:15%;
      position:relative;
      display:flex;
      margin-bottom:70px
  }
}
#hero{
  height:auto
}
#hero .container-fluid{
  height:100%
}
#hero .row{
  height:100%
}
#hero .box-1{
  background:#fff;
  height:auto;
  z-index:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:47%
}
#hero .box-1 .content{
  position:relative;
  height:auto;
  margin-left:42px;
  padding-bottom:45px
}
#hero .box-1 .content .logo{
  margin-top:135px
}
#hero .box-1 .content .logo img{
  width:270px
}
#hero .box-1 .content p{

  font-weight: 700;
  color:#ff8200;
  font-size:2.3rem;
  line-height:35px;
  margin-top:90px;
  letter-spacing:-0.9px;
  margin-left:38px
}
#hero .box-1 .content .balon{
  background:#ff8200;
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  position:relative;
  width:-moz-max-content;
  width:max-content
}
#hero .box-1 .content .balon::after{
  content:"";
  background-image:url("../images/balao_orn.png");
  background-size:49px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:0%;
  margin-top:-3px
}
#hero .box-1 .content .balon h1{
  z-index:1;
  padding:28px 30px 28px 30px;

  font-weight: 700;
  font-size:2.9rem;
  color:#fff;
  margin:0;
  line-height:2.8rem
}
#hero .box-2{
  background:#9a5394;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  width:53%
}
#hero .box-2 .content{
  width:100%;
  position:relative
}
#hero .box-2 .content #balon-1{
  background:#32cdc8;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:12%;
  left:6%;
  z-index:1
}
#hero .box-2 .content #balon-1::after{
  content:"";
  background-image:url("../images/balao_az.png");
  background-size:44px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:-6px;
  margin-top:-1px
}
#hero .box-2 .content #balon-1 p{
  z-index:1;
  padding:30px 30px 30px 30px;

  font-size:1.6rem !important;
  color:#fff;
  margin:0;
  line-height:1.9rem;
  letter-spacing:0
}
#hero .box-2 .content #balon-2{
  background:#32cdc8;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:37%;
  left:11%;
  z-index:1
}
#hero .box-2 .content #balon-2::after{
  content:"";
  background-image:url("../images/balao_az.png");
  background-size:44px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:-6px;
  margin-top:-1px
}
#hero .box-2 .content #balon-2 p{
  z-index:1;
  padding:30px 50px 30px 50px;

  font-size:1.6rem !important;
  color:#fff;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-0.5px
}
#hero .box-2 .content #button1{
  position:absolute;
  bottom:61%;
  right:32%;
  z-index:0
}
#hero .box-2 .content #button2{
  position:absolute;
  bottom:29%;
  right:44%;
  z-index:0
}
#hero .box-2 .content img{
  width:100%
}
@media(max-width: 500px){
  #hero{
      min-height:auto;
      background-repeat:no-repeat;
      max-height:300vh !important;
      background-size:238% !important;
      background-position:center -70px;
      background-color:#041e50;
      height:700px
  }
  #hero .container-fluid .row .box-1 .content p{
      width:63% !important;
      font-size:2.2rem !important;
      margin-left:40px !important
  }
  #hero .container-fluid .row .box-2 .content #balon-1{
      top:3%;
      left:4%
  }
  #hero .container-fluid .row .box-2 .content #balon-2{
      top:24%;
      left:1%
  }
  #hero .container-fluid .row .box-2 .content #balon-2 p{
      padding:30px
  }
  #hero .box{
      margin-top:560px !important;
      max-width:100% !important
  }
  #hero .box img{
      display:table;
      margin-left:auto;
      margin-right:auto;
      position:absolute;
      top:10px;
      left:10px;
      width:160px !important
  }
  #hero .box .box-body p{
      margin-top:0 !important
  }
}
@media(max-width: 990px){
  #hero{
      background-position:-157px 0px;
      height:auto
  }
  #hero .container-fluid .row{
      display:flex;
      align-items:flex-end
  }
  #hero .container-fluid .row .box-1{
      height:100%;
      width:100%;
      order:1
  }
  #hero .container-fluid .row .box-1 .content{
      height:100%;
      width:100% !important;
      margin-right:45px;
      display:flex;
      flex-direction:column;
      align-items:center;
      padding:60px 0
  }
  #hero .container-fluid .row .box-1 .content p{
      font-size:2rem;
      margin-top:70px !important;
      margin-left:-73px
  }
  #hero .container-fluid .row .box-1 .content .balon{
      width:83%
  }
  #hero .container-fluid .row .box-1 .content .balon h1{
      font-size:3rem !important;
      padding:28px 60px 28px 60px;
      display:flex;
      justify-content:center
  }
  #hero .container-fluid .row .box-1 .content .logo{
      position:relative;
      margin-top:80px;
      margin-bottom:0px !important
  }
  #hero .container-fluid .row .box-1 .content p{
      margin-top:0px;
      font-size:2rem;
      width:40%
  }
  #hero .container-fluid .row .box-1 .content p br{
      display:none
  }
  #hero .container-fluid .row .box-1 .content h1{
      font-size:2.4rem
  }
  #hero .container-fluid .row .box-1 .back-1{
      display:none
  }
  #hero .container-fluid .row .box-2{
      order:2;
      background:rgba(0,0,0,0);
      width:100%
  }
  #hero .container-fluid .row .box-2 .content{
      display:flex;
      justify-content:center
  }
  #hero .container-fluid .row .box-2 .content img{
      width:100%
  }
}
@media(min-width: 991px)and (max-width: 1090px){
  #hero .container-fluid .box-2 .content #balon-1 p{
      padding:17px 25px 17px 30px
  }
  #hero .container-fluid .box-2 .content #balon-2{
      top:36%;
      left:9%
  }
  #hero .container-fluid .box-2 .content #balon-2 p{
      padding:20px 35px 20px 35px
  }
}
#carousel1{
  height:auto;
  background:url("../images/back_1.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  padding-top:50px;
  padding-bottom:20px;
  padding-left:10px
}
#carousel1 .container-fluid{
  height:100%
}
#carousel1 .row{
  height:100%
}
#carousel1 .box-1{
  height:auto;
  display:flex;
  justify-content:flex-start;
  align-items:flex-end;
  flex-direction:row;
  width:63%
}
#carousel1 .box-1 img{
  width:100%
}
#carousel1 .box-2{
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  width:37%;
  padding-top:60px
}
#carousel1 .box-2 p{

  color:#fff;
  font-size:1.8rem;
  line-height:28px;
  letter-spacing:-0.5px;
  margin-left:60px;
  margin-top:75px
}
#carousel1 .box-2 .balon{
  background:rgba(0,0,0,0);
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  position:relative;
  width:93%;
  border:4px solid #fff
}
#carousel1 .box-2 .balon::after{
  content:"";
  background-image:url("../images/balao_trans.png");
  background-size:57px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:-1%;
  margin-top:0px
}
#carousel1 .box-2 .balon h1{
  z-index:1;
  padding:25px 30px 25px 30px;

  font-weight: 700;
  font-size:2.9rem;
  color:#fff;
  margin:0;
  line-height:3.1rem;
  display:flex;
  justify-content:center
}
@media(max-width: 500px){
  #carousel1{
      padding-left:0
  }
  #carousel1 .container-fluid .box-1{
      width:95% !important
  }
  #carousel1 .container-fluid .box-2 p{
      width:66% !important;
      margin-top:63px
  }
  #carousel1 .container-fluid .box-2 .balon{
      width:95% !important
  }
  #carousel1 .container-fluid .box-2 .balon br{
      display:none
  }
  #carousel1 .container-fluid .box-2 .balon h1{
      font-size:3rem !important;
      display:flex;
      justify-content:center
  }
}
@media(max-width: 700px){
  #carousel1{
      height:auto
  }
  #carousel1 .carousel-indicators{
      width:80%;
      margin-right:9%;
      bottom:3%
  }
  #carousel1 .container-fluid #box-1{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0
  }
  #carousel1 .container-fluid #box-1 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid #box-1 .content p{
      font-size:1.6rem !important
  }
  #carousel1 .container-fluid #box-1 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid #box-1 .content .balon{
      width:100%
  }
  #carousel1 .container-fluid #box-1 .content .balon h1{
      font-size:3.8rem !important;
      padding:13px 160px 13px 58px
  }
  #carousel1 .container-fluid #box-2{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0
  }
  #carousel1 .container-fluid #box-2 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid #box-2 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid #box-2 .content .balon{
      width:100%
  }
  #carousel1 .container-fluid #box-2 .content .balon h1{
      font-size:3.8rem !important;
      padding:13px 160px 13px 58px
  }
  #carousel1 .container-fluid #box-3{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0
  }
  #carousel1 .container-fluid #box-3 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid #box-3 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid #box-3 .content .balon{
      width:100%
  }
  #carousel1 .container-fluid #box-3 .content .balon h1{
      font-size:3.8rem !important;
      padding:13px 160px 13px 58px
  }
  #carousel1 .container-fluid .box-2{
      background:none !important
  }
  #carousel1 .container-fluid .box-2 .content{
      display:none
  }
  #carousel1 .container-fluid .box-2 .img-hidden{
      display:flex;
      width:100%
  }
}
@media(max-width: 990px){
  #carousel1{
      height:auto
  }
  #carousel1 .carousel-indicators{
      width:60%;
      margin-right:20%;
      bottom:3%
  }
  #carousel1 .container-fluid .row{
      display:flex;
      flex-direction:column;
      align-items:center
  }
  #carousel1 .container-fluid .box-1{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding-top:0px;
      padding-bottom:40px;
      width:90%;
      order:2
  }
  #carousel1 .container-fluid .box-1 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid .box-1 .content p{
      font-size:1.6rem !important
  }
  #carousel1 .container-fluid .box-1 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid .box-2{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0;
      order:1;
      width:90%
  }
  #carousel1 .container-fluid .box-2 p{
      width:50%
  }
  #carousel1 .container-fluid .box-2 p br{
      display:none
  }
  #carousel1 .container-fluid .box-2 .balon{
      width:78%
  }
  #carousel1 .container-fluid .box-2 .balon::after{
      left:-4px
  }
  #carousel1 .container-fluid .box-2 .balon h1{
      display:flex;
      justify-content:center;
      font-size:2.5rem;
      padding:20px 35px 20px 35px
  }
  #carousel1 .container-fluid .box-2 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid .box-2 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid .box-2{
      background:none !important
  }
  #carousel1 .container-fluid .box-2 .content{
      display:none
  }
  #carousel1 .container-fluid .box-2 .img-hidden{
      display:flex;
      width:100%
  }
}
@media(min-width: 990px)and (max-width: 1140px){
  #carousel1 .box-2 p{
      margin-top:54px;
      font-size:1.6rem
  }
  #carousel1 .box-2 .balon{
      width:86%
  }
  #carousel1 .box-2 .balon br{
      display:none
  }
  #carousel1 .box-2 .balon h1{
      padding:20px 10px 20px 24px;
      font-size:2.4rem
  }
  #carousel1 .box-2 .balon::after{
      left:-4px
  }
}
#carousel2{
  height:auto
}
#carousel2 .container-fluid{
  height:100%
}
#carousel2 button.carousel-control-prev{
  bottom:0;
  top:unset;
  padding-bottom:55px;
  opacity:1;
  left:-2%
}
#carousel2 .carousel-control-prev-icon{
  background:rgba(0,0,0,0);
  padding-bottom:60px
}
#carousel2 .carousel-control-next-icon{
  background:rgba(0,0,0,0);
  padding-bottom:60px
}
#carousel2 .carousel-control-prev-icon img{
  width:60px
}
#carousel2 .carousel-control-next-icon img{
  width:60px
}
#carousel2 button.carousel-control-next{
  bottom:0;
  top:unset;
  padding-bottom:55px;
  opacity:1;
  right:0%
}
#carousel2 .row{
  height:100%
}
#carousel2 .carousel-item .row{
  display:flex
}
#carousel2 .carousel-item .box-1{
  background:#ff8200;
  height:auto;
  z-index:0;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:47%
}
#carousel2 .carousel-item .box-1 .content{
  position:relative;
  height:auto;
  margin-left:75px;
  padding-bottom:130px
}
#carousel2 .carousel-item .box-1 .content .logo{
  margin-top:135px
}
#carousel2 .carousel-item .box-1 .content .logo img{
  width:270px
}
#carousel2 .carousel-item .box-1 .content p{

  color:#fff;
  font-size:1.8rem;
  line-height:28px;
  letter-spacing:-0.5px;
  margin-left:50px;
  margin-top:49px
}
#carousel2 .carousel-item .box-1 .content .balon{
  background:#fff;
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  position:relative;
  width:-moz-max-content;
  width:max-content
}
#carousel2 .carousel-item .box-1 .content .balon::after{
  content:"";
  background-image:url("../images/balao_wt.png");
  background-size:51px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:0%;
  margin-top:-3px
}
#carousel2 .carousel-item .box-1 .content .balon h1{
  z-index:1;
  padding:38px 45px 38px 45px;

  font-weight: 700;
  font-size:2.4rem;
  color:#ff8200;
  margin:0;
  letter-spacing:0;
  line-height:2.3rem
}
#carousel2 .carousel-item .box-2{
  background:#9a5394;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  width:53%;
  background-color:#ff8200
}
#carousel2 .carousel-item .box-2 .content{
  width:100%;
  position:relative
}
#carousel2 .carousel-item .box-2 .content video{
  width:100%
}
#carousel2 .carousel-item .box-2 .content img{
  width:100%
}
@media(max-width: 450px){
  #carousel2 .carousel-item .box-1 .content .balon h1{
      padding:38px 40px 38px 40px
  }
}
@media(max-width: 560px){
  #carousel2 .container-fluid #box-4 .content .balon h1{
      padding:13px 85px 13px 58px !important
  }
  #carousel2 .container-fluid #box-6 .content .balon h1{
      padding:13px 30px 13px 58px !important
  }
  #carousel2 button.carousel-control-next{
      right:7% !important
  }
}
@media(max-width: 990px){
  #carousel2 button.carousel-control-next{
      padding-bottom:15px;
      opacity:1;
      right:4%
  }
  #carousel2 button.carousel-control-prev{
      padding-bottom:15px;
      opacity:1
  }
  #carousel2{
      height:auto;
      background:#ff8200
  }
  #carousel2 .carousel-indicators{
      width:60%;
      margin-left:13%;
      bottom:3%
  }
  #carousel2 .container-fluid .row{
      display:flex;
      flex-direction:column
  }
  #carousel2 .container-fluid .box-1{
      order:2;
      width:100%;
      justify-content:center
  }
  #carousel2 .container-fluid .box-1 .content{
      padding-bottom:70px;
      padding-top:70px;
      margin-left:0px
  }
  #carousel2 .container-fluid .box-1 .content .balon{
      width:95%
  }
  #carousel2 .container-fluid .box-1 .content .balon h1{
      display:flex;
      justify-content:center
  }
  #carousel2 .container-fluid .box-1 .content p{
      font-size:1.6rem
  }
  #carousel2 .container-fluid .box-2{
      background:none !important;
      width:100%
  }
  #carousel2 .container-fluid .box-2 .img-hidden{
      display:flex;
      width:100%
  }
}
@media(min-width: 990px)and (max-width: 1090px){
  #carousel2 .carousel-item .box-1 .content{
      padding-bottom:40px
  }
  #carousel2 .carousel-item .box-1 .content p{
      font-size:1.6rem;
      margin-left:30px;
      width:70%
  }
  #carousel2 .carousel-item .box-1 .content p br{
      display:none
  }
  #carousel2 .carousel-item .box-1 .content .balon h1{
      padding:30px 30px 30px 30px
  }
}
#huevos{
  background:#f27179;
  height:auto;
  max-height:100% !important
}
#huevos .container-fluid{
  height:100%
}
#huevos .row{
  height:auto;
  position:relative
}
#huevos .content{
  display:flex;
  justify-content:center;
  height:auto;
  align-items:center;
  padding-top:40px;
  position:relative
}
#huevos .content #balon-mob{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:51%;
  left:21%;
  z-index:1;
  display:none
}
#huevos .content #balon-mob::after{
  content:"";
  background-image:url("../images/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-mob h1{
  z-index:1;
  padding:35px 40px 25px 40px;

  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-mob p{
  z-index:1;
  padding:0px 40px 35px 40px;

  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #botao-mob-1{
  position:absolute;
  bottom:13%;
  right:75%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-2{
  position:absolute;
  bottom:41%;
  right:51%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-3{
  position:absolute;
  top:9%;
  right:21%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-4{
  position:absolute;
  bottom:38%;
  right:22%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-5{
  position:absolute;
  bottom:38%;
  right:22%;
  z-index:0;
  display:none
}
#huevos .content #botao1{
  position:absolute;
  bottom:13%;
  right:75%;
  z-index:0
}
#huevos .content #botao2{
  position:absolute;
  bottom:41%;
  right:51%;
  z-index:0
}
#huevos .content #botao3{
  position:absolute;
  top:9%;
  right:21%;
  z-index:0
}
#huevos .content #botao4{
  position:absolute;
  bottom:38%;
  right:22%;
  z-index:0
}
#huevos .content #botao5{
  position:absolute;
  bottom:25%;
  right:66%;
  z-index:0
}
#huevos .content #balon-one{
  background:#32cdc8;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:56%;
  left:4%
}
#huevos .content #balon-one::after{
  content:"";
  background-image:url("../images/balao_az_invert.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-one h1{
  z-index:1;
  padding:30px 40px 30px 40px;

  font-weight: 700;
  font-size:2.3rem;
  color:#fff;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-1{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:51%;
  left:21%;
  z-index:1
}
#huevos .content #balon-1::after{
  content:"";
  background-image:url("../images/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-1 h1{
  z-index:1;
  padding:35px 40px 25px 40px;

  font-weight: 700;
  font-size:2.3rem;
  color:#ff8200;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-1 p{
  z-index:1;
  padding:0px 40px 35px 40px;

  font-size:1.6rem;
  color:#ff8200;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-2{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:19%;
  left:45%;
  z-index:1
}
#huevos .content #balon-2::after{
  content:"";
  background-image:url("../images/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-2 h1{
  z-index:1;
  padding:35px 40px 25px 40px;

  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-2 p{
  z-index:1;
  padding:0px 40px 35px 40px;

  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-3{
  background:#fff;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:17%;
  left:37%;
  z-index:1
}
#huevos .content #balon-3::before{
  content:"";
  background-image:url("../images/balao_wt_invert.png");
  background-size:50px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:0px;
  margin-top:-1px;
  top:-18%
}
#huevos .content #balon-3 p{
  z-index:1;
  padding:0px 40px 28px 40px;

  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-3 h1{
  z-index:1;
  padding:30px 35px 14px 35px;

  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:-1px
}
#huevos .content #balon-4{
  background:#fff;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:57%;
  left:46%;
  z-index:1
}
#huevos .content #balon-4::before{
  content:"";
  background-image:url("../images/balao_wt_invert.png");
  background-size:50px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:0px;
  margin-top:0px;
  top:-21%
}
#huevos .content #balon-4 p{
  z-index:1;
  padding:0px 40px 35px 40px;

  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-4 h1{
  z-index:1;
  padding:35px 35px 25px 35px;

  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:-1px
}
#huevos .content #balon-5{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:26%;
  left:33%;
  z-index:1
}
#huevos .content #balon-5::after{
  content:"";
  background-image:url("../images/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-5 h1{
  z-index:1;
  padding:35px 40px 25px 40px;

  font-weight: 700;
  font-size:2.3rem;
  color:#ff8200;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-5 p{
  z-index:1;
  padding:0px 40px 35px 40px;

  font-size:1.6rem;
  color:#ff8200;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content .forno{
  width:80%
}
@media(max-width: 400px){
  #huevos .content #balon-one h1{
      padding:30px 30px 30px 30px
  }
  #huevos .content #botao-mob-3{
      bottom:30% !important
  }
  #huevos .content #botao-mob-2{
      bottom:13% !important
  }
  #huevos .content #botao-mob-4{
      bottom:14% !important
  }
  #huevos .content #balon-mob p br{
      display:none
  }
}
@media(max-width: 500px){
  #huevos .content #botao-mob-3{
      bottom:31% !important;
      right:36% !important
  }
  #huevos .content .forno{
      width:98% !important
  }
  #huevos .content #balon-one{
      width:90% !important
  }
  #huevos .content #balon-mob{
      width:90% !important
  }
}
@media(max-width: 700px){
  #huevos{
      height:auto;
      background-size:cover
  }
  #huevos .content{
      flex-direction:column
  }
  #huevos .content .images{
      margin-top:60px;
      margin-bottom:40px
  }
  #huevos .content .images h1{
      font-size:2.8rem !important
  }
  #huevos .content .images p{
      font-size:1.5rem !important
  }
}
@media(max-width: 800px){
  #huevos .content{
      flex-direction:column
  }
  #huevos .content #balon-one{
      position:relative;
      top:unset;
      left:unset;
      order:1;
      margin-bottom:70px;
      width:68%
  }
  #huevos .content #balon-one h1{
      display:flex;
      justify-content:center
  }
  #huevos .content #balon-mob{
      display:block;
      top:unset;
      left:unset;
      position:relative;
      order:2;
      margin-bottom:80px;
      width:auto
  }
  #huevos .content .forno{
      order:3;
      width:91%
  }
  #huevos .content #botao-mob-1{
      position:absolute;
      bottom:8%;
      right:81%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-2{
      position:absolute;
      bottom:25%;
      right:52%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-3{
      position:absolute;
      top:unset;
      bottom:38%;
      right:33%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-4{
      position:absolute;
      bottom:22%;
      right:21%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-5{
      position:absolute;
      bottom:10%;
      right:66%;
      z-index:0;
      display:block
  }
  #huevos .content #botao1{
      display:none !important
  }
  #huevos .content #botao2{
      display:none
  }
  #huevos .content #botao3{
      display:none
  }
  #huevos .content #botao4{
      display:none
  }
  #huevos .content #botao5{
      display:none
  }
}
@media(min-width: 801px)and (max-width: 990px){
  #huevos{
      height:auto;
      background-size:cover
  }
  #huevos .content{
      flex-direction:column;
      padding-top:115px
  }
  #huevos .content .forno{
      width:96%
  }
  #huevos .content #balon-1{
      top:41%;
      left:7%
  }
  #huevos .content #balon-2{
      top:11%;
      left:40%
  }
  #huevos .content #botao3{
      top:25%;
      right:16%
  }
  #huevos .content #balon-4{
      top:69%;
      left:59%
  }
  #huevos .content #balon-one,#huevos .content #balon-1,#huevos .content #balon-2,#huevos .content #balon-3,#huevos .content #balon-4{
      width:36%
  }
  #huevos .content #balon-one::after,#huevos .content #balon-1::after,#huevos .content #balon-2::after,#huevos .content #balon-3::after,#huevos .content #balon-4::after{
      background-size:38px
  }
  #huevos .content #balon-one h1,#huevos .content #balon-1 h1,#huevos .content #balon-2 h1,#huevos .content #balon-3 h1,#huevos .content #balon-4 h1{
      padding:20px 20px 16px 30px;
      line-height:2.1rem;
      font-size:1.9rem
  }
  #huevos .content #balon-one p,#huevos .content #balon-1 p,#huevos .content #balon-2 p,#huevos .content #balon-3 p,#huevos .content #balon-4 p{
      padding:0px 20px 20px 30px;
      line-height:2.1rem;
      font-size:1.4rem
  }
  #huevos .content #balon-one p br,#huevos .content #balon-1 p br,#huevos .content #balon-2 p br,#huevos .content #balon-3 p br,#huevos .content #balon-4 p br{
      display:none
  }
}
@media(min-width: 990px)and (max-width: 1160px){
  #huevos .container-fluid .content #balon-one h1{
      padding:30px 25px 25px 30px;
      font-size:2.2rem
  }
  #huevos .container-fluid .content #balon-4{
      left:42%
  }
  #huevos .container-fluid .content #balon-1 h1,#huevos .container-fluid .content #balon-2 h1,#huevos .container-fluid .content #balon-3 h1,#huevos .container-fluid .content #balon-4 h1{
      padding:30px 30px 15px 30px;
      font-size:2.1rem
  }
  #huevos .container-fluid .content #balon-1 p,#huevos .container-fluid .content #balon-2 p,#huevos .container-fluid .content #balon-3 p,#huevos .container-fluid .content #balon-4 p{
      padding:0px 30px 30px 30px;
      font-size:1.5rem
  }
  #huevos .container-fluid .content #balon-1::after,#huevos .container-fluid .content #balon-2::after,#huevos .container-fluid .content #balon-3::after,#huevos .container-fluid .content #balon-4::after{
      background-size:40px
  }
}
#modelos{
  padding:55px 0
}
#modelos .carousel-control-prev,#modelos .carousel-control-next{
  top:26%;
  bottom:unset;
  opacity:1
}
#modelos .carousel-control-prev img,#modelos .carousel-control-next img{
  padding:11px;
  width:80px
}
#modelos .passador_titulo{
  display:flex;
  align-items:center;
  padding-top:85px
}
#modelos .passador_titulo .box-titulo{
  font-weight: 700;
  font-size:1.9rem;
  letter-spacing:0px;
  line-height:33px;
  background:#9a5394;
  width:63%;
  padding:21px 31px;
  color:#fff
}
#modelos .passador_titulo .box-titulo-mob{
  font-weight: 700;
  font-size:1.9rem;
  letter-spacing:0px;
  line-height:33px;
  background:#9a5394;
  width:63%;
  padding:21px 31px;
  color:#fff;
  display:none
}
#modelos .passador_titulo .passador{
  margin-left:59px
}
#modelos .passador_titulo .passador ul{
  padding:0;
  margin:0;
  background-color:#9a5394;
  border-radius:30px;
  padding:11px 16px 7px 16px;
  display:flex;
  gap:10px
}
#modelos .passador_titulo .passador ul button{
  width:20px;
  height:20px;
  border-radius:100%;
  color:rgba(0,0,0,0);
  border:0;
  background-color:#fff
}
#modelos .passador_titulo .passador ul button.a{
  background-color:#9a5394;
  filter:brightness(0.5)
}
#modelos .titulo{
  color:#000;
  font-size:1.8rem;
  font-weight: 700;
  letter-spacing:-0.4px;
  margin-bottom:15px;
  margin-top:100px
}
#modelos .listas{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%
}
#modelos .listas ul{
  flex:1
}
#modelos .limit{
  max-width:390px
}
#modelos .textos{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-left:10px;
  padding-right:12px
}
@media(max-width: 1170px){
  #modelos{
      padding-top:0
  }
  #modelos .titulo{
      margin-top:40px
  }
  #modelos .modelo .row{
      display:flex;
      flex-direction:column
  }
  #modelos .modelo .row .textos{
      width:100%;
      order:2;
      padding-left:30px;
      padding-right:30px
  }
  #modelos .modelo .row .images{
      width:100%;
      order:1
  }
  #modelos .passador_titulo{
      padding-top:62px;
      flex-direction:column
  }
  #modelos .passador_titulo .box-titulo{
      width:320px;
      font-size:2.4rem;
      width:100%;
      max-width:60%;
      text-align:center;
      padding:21px 31px
  }
  #modelos .passador_titulo .box-titulo br{
      display:none
  }
  #modelos .passador_titulo .box-titulo-mob{
      width:320px;
      font-size:2.4rem;
      width:100%;
      max-width:100%;
      text-align:center;
      padding:21px 31px
  }
  #modelos .passador_titulo .box-titulo-mob br{
      display:none
  }
  #modelos .passador_titulo .passador{
      margin-left:0px;
      margin-top:32px
  }
  #modelos .passador_titulo .passador ul{
      display:flex;
      flex-direction:row;
      width:150px;
      justify-content:center;
      padding:10px 16px 9px 16px
  }
  #modelos .passador_titulo .passador ul button{
      width:30px;
      height:30px;
      border-radius:100%;
      color:rgba(0,0,0,0);
      border:0;
      background-color:#fff
  }
  #modelos .passador_titulo .passador ul button.a{
      background-color:#9a5394;
      filter:brightness(0.5)
  }
}
@media(max-width: 768px){
  #modelos .passador_titulo .box-titulo{
      max-width:90%;
      display:none
  }
  #modelos .passador_titulo .box-titulo-mob{
      max-width:90%;
      display:block !important
  }
}
@media(max-width: 500px){
  #modelos .passador_titulo .box-titulo-mob{
      max-width:100%
  }
}
@media(max-width: 450px){
  #modelos .passador_titulo .box-titulo-mob{
      font-size:2.1rem;
      padding:25px 15px;
      order:2
  }
  #modelos .passador_titulo .box-titulo-mob br{
      display:none
  }
  #modelos .modelo .row .textos{
      padding-right:15px;
      padding-left:15px
  }
  #modelos .passador_titulo .passador{
      margin-bottom:32px;
      margin-top:unset;
      order:1
  }
}
#footer{
  background-color:#ff8200;
  color:#fff;
  text-align:justify;
  padding:30px 0;
  display:flex;
  flex-direction:row;
  padding:18px 0
}
#footer img{
  max-width:auto;
  margin:30px 0;
  display:table;
  width:250px
}
#footer p{
  font-size:1.4rem;
  margin-top:30px;
  width:70%
}
#footer .col-lg-12{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  padding:0 120px;
  align-items:center
}
@media(max-width: 700px){
  #footer{
      padding:30px 0
  }
  #footer img{
      width:280px !important
  }
}
@media(max-width: 990px){
  #footer{
      padding:30px 0
  }
  #footer img{
      width:330px
  }
}
#assistencia{
  background-color:#00627b;
  padding:0px 0
}
#assistencia .container-fluid{
  display:flex;
  flex-direction:row;
  justify-content:center
}
#assistencia .container-fluid .titulo{
  width:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:4px 0;
  align-items:center;
  background-color:#9a5394
}
#assistencia .container-fluid .titulo .email{
  color:#fff;
  margin-bottom:0px;
  margin-top:30px;
  font-size:1.9rem !important;
  font-weight:600
}
#assistencia .container-fluid .titulo .group-button{
  display:flex;
  flex-direction:row;
  justify-content:center;
  margin-top:70px
}
#assistencia .container-fluid .titulo .group-button .tel{
  width:81%;
  max-width: 400px;
}
#assistencia .container-fluid .titulo img{
  width:80%;
  max-width: 330px;
}
#assistencia .container-fluid .bar{
  height:initial;
  background:url("../images/bar.png");
  background-position:center;
  background-size:cover;
  width:2.4px;
  margin:0 58px
}
#assistencia .container-fluid .content{
  width:50%;
  padding:130px 70px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:#fcba4d
}
#assistencia .container-fluid .content .contents{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  width:100%
}
#assistencia .container-fluid .content h2{
  font-size:2.9rem;
  line-height:48px !important;
  color:#9a5394
}
#assistencia .container-fluid .content p{
  margin-bottom:0;
  line-height:35px;
  color:#9a5394;
  font-size:1.4rem !important;
  font-weight:500;
  margin-top:5px
}
@media(max-width: 576px){
  #assistencia{
      padding:0px 0 0 0;
      background-color:#9a5394
  }
  #assistencia .container-fluid{
      flex-direction:row;
      border-bottom:none;
      align-items:center
  }
  #assistencia .container-fluid .bar{
      background-color:#fff;
      height:1px;
      width:80%;
      margin:18px 0
  }
  #assistencia .container-fluid .titulo{
      width:50%;
      padding:0 30px;
      margin-top:0px;
      margin-bottom:35px;
      margin-bottom:0px;
      height:100%;
      padding:0 9px
  }
  #assistencia .container-fluid .titulo .group-button .tel{
      width:81%;

      margin-top:19px
  }
  #assistencia .container-fluid .titulo .email{
      color:#fff;
      margin-bottom:0px;
      margin-top:12px;
      font-size:1rem;
      font-size:1.15rem !important;
      font-weight:600
  }
  #assistencia .container-fluid .titulo img{
      width:77%
  }
  #assistencia .container-fluid .titulo .group-button{
      margin-top:0px;
      display:flex;
      flex-direction:column;
      align-items:center;
      width:100%
  }
  #assistencia .container-fluid .titulo .group-button .button{
      margin:3px 0;
      width:auto;
      font-size:31px;
      margin-top:30px;
      display:flex;
      justify-content:center;
      padding:4px 9px
  }
  #assistencia .container-fluid .titulo .group-button .button p{
      margin-bottom:0;
      font-weight:700;
      position:relative;
      top:2px;
      font-size:2.4rem !important
  }
  #assistencia .container-fluid .titulo .group-button .button .ico-title{
      width:32px;
      margin-right:6px
  }
  #assistencia .container-fluid .content{
      width:50%;
      padding:17px 13px
  }
  #assistencia .container-fluid .content h2{
      font-size:1.6rem;
      line-height:20px !important
  }
  #assistencia .container-fluid .content p{
      font-size:1rem !important;
      color:#198598 !important;
      text-align:start
  }
  #assistencia .container-fluid .content p br{
      display:none
  }
}
@media(max-width: 395px){
  #assistencia .container-fluid .content p{
      text-align:center;
      line-height:26px;
      font-size:1.5rem !important;
      color:#198598 !important
  }
  #assistencia .container-fluid .content p{
      text-align:start;
      line-height:26px;
      font-size:1rem !important;
      color:#9a5394 !important
  }
  #assistencia .container-fluid .content h2{
      font-size:1.4rem;
      line-height:17px !important
  }
  #assistencia .container-fluid .titulo .email{
      color:#fff;
      margin-bottom:0px;
      margin-top:12px;
      font-size:1rem;
      font-size:1rem !important;
      font-weight:600
  }
}
.balao{
  border-radius:20px;
  color:#fff;
  position:relative;
  padding:30px 50px;
  display:table
}
.balao::after{
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:50px solid;
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}
.balao-branco{
  background-color:#fff;
  color:#ff8200
}
.balao-branco::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff
}
.balao-laranja{
  background-color:#ff8200
}
.balao-laranja::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ff8200
}
.balao-amarelo{
  background-color:#fcba4d
}
.balao-amarelo::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fcba4d
}
.balao-roxo{
  background-color:#9a5394
}
.balao-roxo::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #9a5394
}
.balao-azul{
  background-color:#46c1be
}
.balao-azul::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #46c1be
}
.balao-rosa{
  background-color:#f27179
}
.balao-rosa::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f27179
}
.balao-br::after{
  transform:rotate(180deg);
  bottom:-50px;
  right:0
}
.balao-bl::after{
  bottom:-50px;
  left:0
}
.balao-tl::after{
  top:-50px;
  left:0
}
.balao-tr::after{
  transform:rotate(180deg);
  top:-49px;
  right:0
}
@media(max-width: 768px){
  .balao{
      padding:15px 20px
  }
  .balao::after{
      border-width:35px
  }
  .balao-br::after{
      bottom:-35px
  }
  .balao-bl::after{
      bottom:-35px
  }
  .balao-tl::after{
      top:-35px
  }
  .balao-tr::after{
      top:-35px
  }
}
.block-text>div{
  display:table;
  padding:3px 20px;
  margin:5px 0;
  color:#fff
}
.block-text span{
  font-weight:400
}
.block-text-branco>div{
  background-color:#fff
}
.block-text-amarelo>div{
  background-color:#fcba4d
}
.block-text-roxo>div{
  background-color:#9a5394
}
.block-text-azul>div{
  background-color:#46c1be
}
.block-text-rosa>div{
  background-color:#f27179
}
.block-text-laranja>div{
  background-color:#ff8200
}
.barra{
  height:350px;
  width:100%;
  display:block;
  display:flex;
  align-items:center
}
.barra-laranja{
  background-color:#ff8200
}
.barra-roxo{
  background-color:#9a5394
}
.barra-azul{
  background-color:#46c1be
}
.barra-amarelo{
  background-color:#fcba4d
}
#fogao *{
}
#fogao .intro{
  position:relative
}
#fogao .intro .logo{
  position:absolute;
  width:220px;
  top:8%;
  right:6%
}
#fogao .intro .content{
  position:absolute;
  bottom:24%;
  right:4%;
  height:auto
}
#fogao .intro .content .balao{
  border-radius:30px;
  padding:23px 40px
}
#fogao .intro .content .balao h2{
  font-size:2.4rem;
  font-weight:700
}
#fogao .intro .content .balao p{
  margin-top:10px;
  margin-bottom:0
}
#fogao .intro .content .balao-foot{
  font-weight:600;
  color:#fff;
  padding:25px 0 0 58px
}
#fogao .intro .content .balao-foot p{
  font-size:1.6rem !important;
  margin-bottom:0;
  line-height:27px !important
}
@media(max-width: 768px){
  #fogao .intro .logo{
      left:unset;
      top:30px;
      right:21px;
      width:161px
  }
  #fogao .intro .content{
      top:unset;
      left:20px;
      right:0;
      width:unset;
      bottom:15%
  }
  #fogao .intro .content br{
      display:none
  }
  #fogao .intro .content .balao{
      width:50%;
      border-radius:19px;
      padding:21px 26px
  }
  #fogao .intro .content .balao h2{
      font-size:1.8rem;
      margin-bottom:0;
      font-size:1.9rem;
      line-height:26px !important
  }
  #fogao .intro .content .balao p{
      font-size:1.3rem !important
  }
  #fogao .intro .content .balao-bl::after{
      top:-35px;
      transform:rotate(180deg);
      left:unset;
      right:0
  }
  #fogao .intro .content .balao-foot{
      width:46%;
      padding:19px 0 0 0px;
      margin-left:10px
  }
  #fogao .intro .content .balao-foot p{
      line-height:23px !important
  }
}
@media(max-width: 395px){
  #fogao .intro .content{
      left:14px;
      right:0;
      width:unset;
      bottom:15%
  }
  #fogao .intro .content .balao{
      width:50%;
      padding:15px 25px
  }
  #fogao .intro .content .balao h2{
      font-size:1.7rem;
      line-height:25px !important
  }
  #fogao .intro .content .balao-foot{
      width:43%
  }
  #fogao .intro .content .balao-foot p{
      font-size:1.4rem !important;
      line-height:21px !important
  }
}
#fogao .video{
  background-color:#ff8200;
  padding:80px 100px
}
@media(max-width: 768px){
  #fogao .video{
      padding:30px
  }
}
#fogao .forno{
  position:relative
}
#fogao .forno .produto{
  position:absolute;
  bottom:0;
  width:500px;
  right:10%
}
#fogao .forno .content{
  position:absolute;
  top:40%;
  left:10%;
  transform:scale(1.18)
}
#fogao .forno .content .balao h2{
  font-weight:800;
  color:#46c1be;
  text-transform:uppercase;
  line-height:1.2 !important
}
@media(max-width: 768px){
  #fogao .forno .produto{
      width:100%;
      padding:0 30px;
      right:0%
  }
  #fogao .forno .content{
      position:absolute;
      top:15%;
      left:50%;
      transform:translateX(-50%)
  }
  #fogao .forno .content .balao h2{
      font-size:2.2rem;
      text-align:center;
      text-wrap:nowrap
  }
  #fogao .forno .content .balao::after{
      right:unset;
      transform:unset;
      left:0
  }
}
@media(max-width: 350px){
  #fogao .forno .content .balao h2{
      font-size:1.8rem
  }
}
#fogao .eco_turbo{
  display:flex
}
#fogao .eco_turbo .img{
  width:54%;
  position:relative
}
#fogao .eco_turbo .img .balao{
  position:absolute;
  bottom:10%;
  right:-34%
}
#fogao .eco_turbo .img .balao h3{
  font-size:2rem;
  color:#9a5394;
  margin-bottom:0;
  line-height:32px !important
}
#fogao .eco_turbo .content{
  background-color:#9a5394;
  color:#fff;
  padding:0 80px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46%;
  padding-bottom:90px
}
#fogao .eco_turbo .content p{
  margin-top:29px;
  font-size:1.7rem !important;
  margin-bottom:25px;
  margin-left:13px
}
#fogao .eco_turbo .content h2{
  font-size:3.6rem;
  font-weight:700;
  background-color:#46c1be;
  width:-moz-fit-content;
  width:fit-content;
  padding:2px 10px;
  margin-bottom:5px
}
@media(max-width: 768px){
  #fogao .eco_turbo{
      flex-direction:column-reverse
  }
  #fogao .eco_turbo .balao-tl::after{
      bottom:-34px;
      top:unset
  }
  #fogao .eco_turbo .balao{
      bottom:94% !important;
      right:4% !important;
      padding:20px 30px
  }
  #fogao .eco_turbo .balao h2{
      font-size:2rem;
      line-height:1.1 !important
  }
  #fogao .eco_turbo .balao h3{
      font-size:2.1rem !important;
      line-height:26px !important
  }
  #fogao .eco_turbo .img{
      width:100%;
      height:415px
  }
  #fogao .eco_turbo .img img{
      position:absolute;
      bottom:0;
      z-index:-1
  }
  #fogao .eco_turbo .content{
      padding:80px 0px;
      width:100%
  }
  #fogao .eco_turbo .content>div{
      width:78%
  }
  #fogao .eco_turbo .content .div{
      display:flex;
      flex-wrap:wrap
  }
  #fogao .eco_turbo .content .div h2{
      width:-moz-fit-content;
      width:fit-content;
      font-size:3rem !important;
      margin-left:-1px
  }
  #fogao .eco_turbo .content .div h2:nth-child(2){
      padding:2px 10px 2px 0
  }
  #fogao .eco_turbo .content .balao{
      transform:scale(1.2)
  }
  #fogao .eco_turbo .content .balao h2{
      font-size:2rem;
      line-height:1.1 !important
  }
  #fogao .eco_turbo .content h3{
      font-size:1.8rem;
      margin-bottom:20px;
      margin-left:0px
  }
  #fogao .eco_turbo .content p{
      margin-top:30px;
      font-size:1.8rem !important;
      margin-bottom:10px;
      max-width:83%;
      margin-left:13px !important;
      margin-top:15px
  }
  #fogao .eco_turbo .content p,#fogao .eco_turbo .content h4{
      margin-left:30px
  }
  #fogao .eco_turbo .content p br,#fogao .eco_turbo .content h4 br{
      display:none
  }
  #fogao .eco_turbo .content h4{
      max-width:90%;
      font-size:1.8rem
  }
  #fogao .eco_turbo .content h4 b{
      font-size:2rem
  }
}
@media(max-width: 395px){
  #fogao .eco_turbo .balao{
      bottom:86% !important;
      right:4% !important;
      padding:16px 23px
  }
  #fogao .eco_turbo .img .balao h3{
      line-height:29px !important
  }
  #fogao .eco_turbo .content{
      padding:80px 0px 52px 0px
  }
  #fogao .eco_turbo .content .div h2{
      font-size:2.9rem !important
  }
  #fogao .eco_turbo .content>div{
      width:85%
  }
}
#fogao .parrillas_alambron{
  display:flex;
  background-color:#ff8200;
  position:relative
}
#fogao .parrillas_alambron .border-roxo{
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  height:49px;
  background-color:#9a5394
}
#fogao .parrillas_alambron .img{
  width:60%;
  position:relative;
  background-color:rgba(0,0,0,0)
}
#fogao .parrillas_alambron .img .mob{
  display:none
}
#fogao .parrillas_alambron .img .balao{
  position:absolute;
  bottom:25%;
  left:-25%;
  background-color:#9a5394;
  border-radius:24px;
  padding:27px 39px
}
#fogao .parrillas_alambron .img .balao h3{
  font-size:2rem;
  color:#fff;
  margin-bottom:0;
  line-height:32px !important
}
#fogao .parrillas_alambron .content{
  color:#fff;
  padding:0 0px 0 90px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:40%;
  padding-bottom:197px
}
#fogao .parrillas_alambron .content p{
  margin-top:21px;
  font-size:1.7rem !important;
  margin-bottom:25px;
  margin-left:13px
}
#fogao .parrillas_alambron .content h2{
  font-size:3.7rem;
  font-weight:700;
  background-color:#9a5394;
  width:-moz-fit-content;
  width:fit-content;
  padding:1% 15px;
  margin-bottom:5px
}
@media(max-width: 768px){
  #fogao .parrillas_alambron{
      flex-direction:column
  }
  #fogao .parrillas_alambron .border-roxo{
      display:none
  }
  #fogao .parrillas_alambron .content{
      width:100%;
      padding:60px 60px
  }
  #fogao .parrillas_alambron .content h2{
      font-size:3.2rem;
      padding:1px 15px
  }
  #fogao .parrillas_alambron .content p{
      margin-bottom:0;
      font-size:1.8rem !important
  }
  #fogao .parrillas_alambron .img{
      width:100%;
      background-color:#9a5394
  }
  #fogao .parrillas_alambron .img .balao-tr::after{
      transform:rotate(0);
      left:0;
      bottom:0;
      top:unset;
      bottom:-35px
  }
  #fogao .parrillas_alambron .img .balao{
      left:29%;
      bottom:47%;
      border-radius:20px;
      padding:17px 30px
  }
  #fogao .parrillas_alambron .img .balao h3{
      font-size:2.2rem
  }
  #fogao .parrillas_alambron .img .desk{
      display:none
  }
  #fogao .parrillas_alambron .img .mob{
      display:block
  }
}
@media(max-width: 395px){
  #fogao .parrillas_alambron .content{
      padding:60px 47px
  }
  #fogao .parrillas_alambron .content h2{
      font-size:3rem
  }
}
#fogao .top_limpa{
  background-color:#ff8200;
  display:flex;
  gap:20px;
  justify-content:space-between
}
#fogao .top_limpa .img{
  width:65%
}
#fogao .top_limpa .content{
  padding-top:7%
}
#fogao .top_limpa .content h3{
  color:#fff;
  margin-left:73px;
  margin-bottom:20px;
  font-weight:800;
  font-size:2.1rem !important;
  text-wrap:nowrap
}
#fogao .top_limpa .content .balao{
  transform-origin:left top;
  transform:scale(1.3);
  margin-right:-40px;
  margin-left:40px;
  color:#46c1be;
  width:auto;
  max-width:auto;
  padding:30px 31px
}
#fogao .top_limpa .content .balao h2{
  text-transform:uppercase;
  font-weight:800;
  font-size:2.4rem
}
#fogao .top_limpa .content .balao p{
  font-size:1.9rem !important;
  margin-bottom:0
}
@media(max-width: 768px){
  #fogao .top_limpa{
      background-color:#46c1be;
      gap:0px;
      flex-direction:column
  }
  #fogao .top_limpa .img{
      width:100%;
      background-color:#ff8200
  }
  #fogao .top_limpa .img img{
      width:115%;
      max-width:200%;
      margin-left:-15%
  }
  #fogao .top_limpa .content{
      padding-top:15%;
      margin-left:23px;
      margin-bottom:-64px
  }
  #fogao .top_limpa .content h3{
      margin:0;
      text-align:center;
      font-size:1.9rem !important;
      margin-left:-19px
  }
  #fogao .top_limpa .content .balao{
      transform:none;
      margin-top:11px
  }
  #fogao .top_limpa .content .balao h2{
      font-size:2.4rem
  }
  #fogao .top_limpa .content .balao::after{
      transform:rotate(180deg);
      right:0;
      left:unset
  }
}
@media(max-width: 350px){
  #fogao .top_limpa .content .balao h2{
      font-size:2rem
  }
  #fogao .top_limpa .content .balao p{
      font-size:1.6rem !important
  }
}
#fogao .vidro{
  display:flex;
  background-color:#ff8200
}
#fogao .vidro .text-mob{
  display:none
}
#fogao .vidro .img{
  position:relative;
  z-index:2;
  width:60%
}
#fogao .vidro .img .mob{
  display:none
}
#fogao .vidro .content{
  background-color:#ff8200;
  color:#fff;
  padding:0px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-left:0px;
  width:40%
}
#fogao .vidro .content .inside{
  margin-left:38px
}
#fogao .vidro .content .balao{
  transform:scale(1.2);
  width:auto;
  max-width:auto;
  padding:30px 35px
}
#fogao .vidro .content .balao h2{
  font-size:2.5rem !important;
  font-weight:800;
  text-wrap:nowrap;
  text-transform:none;
  line-height:1 !important;
  margin-bottom:0
}
#fogao .vidro .content h3{
  font-size:2.5rem;
  margin-bottom:30px;
  margin-left:-30px;
  font-weight:800
}
#fogao .vidro .content p{
  margin-top:32px;
  font-size:1.8rem !important;
  margin-bottom:25px;
  margin-left:34px
}
#fogao .vidro .content p{
  margin-left:20px
}
@media(max-width: 768px){
  #fogao .vidro{
      flex-direction:column-reverse
  }
  #fogao .vidro .text-mob{
      display:block;
      background-color:#9a5394;
      padding:30px 0
  }
  #fogao .vidro .text-mob p{
      text-align:center;
      font-weight:400;
      color:#fff;
      font-size:1.8rem !important;
      margin-bottom:0;
      line-height:26px !important
  }
  #fogao .vidro .img{
      width:100%
  }
  #fogao .vidro .img{
      position:relative;
      z-index:1
  }
  #fogao .vidro .img .desk{
      display:none
  }
  #fogao .vidro .img .mob{
      display:block
  }
  #fogao .vidro .content{
      padding:0px;
      margin-left:0px;
      margin-left:0px;
      width:100%;
      background-color:#9a5394;
      padding:60px 0 25px 0;
      display:flex;
      justify-content:center;
      z-index:1
  }
  #fogao .vidro .content .balao{
      background-color:#ff8200 !important
  }
  #fogao .vidro .content .balao h2{
      font-size:2.6rem !important;
      line-height:30px !important
  }
  #fogao .vidro .content .balao h2::after{
      display:none
  }
  #fogao .vidro .content .balao-bl::after{
      border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ff8200;
      right:0;
      left:unset;
      transform:rotate(180deg)
  }
  #fogao .vidro .content .inside{
      margin-left:0
  }
  #fogao .vidro .content .inside p{
      display:none
  }
  #fogao .vidro .content>div{
      width:70%
  }
  #fogao .vidro .content .balao{
      transform:scale(1.1);
      position:relative;
      right:12px;
      top:-10px
  }
  #fogao .vidro .content .balao h2{
      font-size:2.5rem !important;
      margin-bottom:0
  }
  #fogao .vidro .content h3{
      font-size:1.8rem;
      margin-bottom:20px;
      margin-top:30px;
      margin-left:0
  }
  #fogao .vidro .content p{
      margin-top:30px;
      font-size:1.5rem !important;
      margin-bottom:25px
  }
}
@media(max-width: 350px){
  #fogao .vidro .text-mob{
      display:block
  }
  #fogao .vidro .img{
      width:100%
  }
  #fogao .vidro .content{
      margin-left:0px;
      width:100%
  }
  #fogao .vidro .content .balao h2{
      font-size:1.8rem !important
  }
  #fogao .vidro .content h3{
      font-size:1.5rem
  }
  #fogao .vidro .content p{
      font-size:1.4rem !important
  }
}
#fogao .capacidade{
  position:relative
}
#fogao .capacidade .bg .dois{
  display:none
}
#fogao .capacidade .content{
  position:absolute;
  left:5%;
  top:30%
}
#fogao .capacidade p{
  font-size:1.6rem !important;
  color:#fff;
  margin-left:50px;
  margin-top:20px
}
#fogao .capacidade .botao{
  position:absolute;
  right:4%;
  top:22%
}
#fogao .capacidade .botao button{
  display:block;
  width:50px;
  height:50px;
  background-color:rgba(0,0,0,0);
  background-image:url("../images/more.webp");
  background-size:cover;
  border:0;
  cursor:pointer !important;
  z-index:9;
  position:absolute;
  bottom:15%;
  left:5%
}
#fogao .capacidade .botao p{
  margin-left:120px
}
#fogao .capacidade .botao .hover{
  visibility:hidden
}
#fogao .capacidade.active .bg .um{
  display:none
}
#fogao .capacidade.active .bg .dois{
  display:initial
}
#fogao .capacidade.active .botao .hover{
  visibility:visible
}
#fogao .capacidade.active .botao button{
  background-image:url("../images/more-active.webp")
}
@media(max-width: 768px){
  #fogao .capacidade{
      position:relative
  }
  #fogao .capacidade .content{
      position:absolute;
      left:50%;
      top:4%;
      width:70%;
      transform:translateX(-50%)
  }
  #fogao .capacidade .content .balao{
      padding:25px 30px;
      border-radius:15px
  }
  #fogao .capacidade .content .balao h2{
      margin:0;
      font-size:2.2rem
  }
  #fogao .capacidade .content .balao h2 br{
      display:none
  }
  #fogao .capacidade p{
      font-size:1.5rem !important;
      color:#fff;
      margin-left:30px;
      margin-top:20px
  }
  #fogao .capacidade .botao{
      right:10%;
      top:unset;
      bottom:5%;
      display:table;
      width:65%
  }
  #fogao .capacidade .botao .balao{
      padding:25px 30px;
      border-radius:15px
  }
  #fogao .capacidade .botao .balao::after{
      top:-35px;
      right:0;
      left:unset;
      transform:rotate(180deg);
      bottom:unset
  }
  #fogao .capacidade .botao .balao h2{
      font-size:2.2rem
  }
  #fogao .capacidade .botao button{
      width:40px;
      height:40px;
      left:unset;
      right:15%;
      top:-80%;
      bottom:unset
  }
  #fogao .capacidade .botao p{
      margin-left:30px;
      font-size:1.2rem !important;
      margin-top:10px
  }
  #fogao .capacidade .botao p br{
      display:none
  }
}
@media(max-width: 350px){
  #fogao .capacidade .content .balao h2{
      font-size:1.8rem
  }
  #fogao .capacidade .content p{
      font-size:1.2rem !important
  }
  #fogao .capacidade .botao button{
      top:-50%
  }
}
#fogao .resistente{
  display:flex;
  justify-content:space-between;
  background:url("../images/bg2.webp");
  background-size:cover;
  padding-top:20px;
  padding-right:50px;
  position:relative
}
#fogao .resistente .img{
  width:60%
}
#fogao .resistente .content{
  color:#fff;
  padding:80px 50px
}
#fogao .resistente .content h3{
  font-size:2.3rem;
  margin-bottom:20px
}
#fogao .resistente .content .balao h2{
  font-weight:800;
  text-transform:uppercase;
  color:#46c1be;
  font-size:3.5rem
}
#fogao .resistente .content p{
  margin-left:30px;
  margin-top:20px;
  font-size:1.9rem !important
}
#fogao .resistente .interacao{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
#fogao .resistente .interacao .botao{
  position:absolute
}
#fogao .resistente .interacao .botao button{
  display:block;
  width:50px;
  height:50px;
  background-color:rgba(0,0,0,0);
  background-image:url("../images/more.webp");
  background-size:cover;
  border:0;
  cursor:pointer !important;
  z-index:9;
  position:absolute
}
#fogao .resistente .interacao .botao p{
  font-size:1.9rem !important
}
#fogao .resistente .interacao .botao .hover{
  visibility:hidden
}
#fogao .resistente .interacao .botao h2,#fogao .resistente .interacao .botao p{
  color:#f27179
}
#fogao .resistente .interacao .botao.active{
  z-index:9
}
#fogao .resistente .interacao .botao.active .hover{
  visibility:visible
}
#fogao .resistente .interacao .botao.active button{
  background-image:url("../images/more-active.webp")
}
#fogao .resistente .interacao .botao1{
  right:1.5%;
  top:40%
}
#fogao .resistente .interacao .botao1 button{
  top:-40%
}
#fogao .resistente .interacao .botao2{
  right:5%;
  top:20%
}
#fogao .resistente .interacao .botao2 button{
  bottom:-100%;
  left:-23%
}
#fogao .resistente .interacao .botao3{
  right:1.5%;
  top:40%
}
#fogao .resistente .interacao .botao3 button{
  bottom:-60%;
  left:2%
}
@media(max-width: 768px){
  #fogao .resistente{
      background:url("../images/bg2-mob.webp");
      background-size:cover;
      flex-direction:column;
      padding:0
  }
  #fogao .resistente .img{
      width:100%
  }
  #fogao .resistente .content{
      padding:40px 30px 30px 30px
  }
  #fogao .resistente .content h3{
      font-size:1.7rem;
      margin-left:20px
  }
  #fogao .resistente .content .balao h2{
      font-size:2.4rem
  }
  #fogao .resistente .content .balao h2 br{
      display:none
  }
  #fogao .resistente .content p{
      margin-top:15px;
      font-size:1.5rem !important;
      padding-right:40px;
      margin-left:20px
  }
  #fogao .resistente .content p br{
      display:none
  }
  #fogao .resistente .interacao .botao{
      position:absolute
  }
  #fogao .resistente .interacao .botao button{
      width:40px;
      height:40px;
      display:block
  }
  #fogao .resistente .interacao .botao p{
      font-size:1.5rem !important
  }
  #fogao .resistente .interacao .botao h2{
      font-size:2rem
  }
  #fogao .resistente .interacao .botao.active{
      z-index:10 !important
  }
  #fogao .resistente .interacao .botao1{
      right:8%;
      top:60%
  }
  #fogao .resistente .interacao .botao1 button{
      top:-30%;
      left:20%
  }
  #fogao .resistente .interacao .botao2{
      right:8%;
      top:unset;
      bottom:27%
  }
  #fogao .resistente .interacao .botao2 button{
      bottom:-45%;
      left:13%
  }
  #fogao .resistente .interacao .botao3{
      right:14%;
      top:unset;
      bottom:20%
  }
  #fogao .resistente .interacao .botao3 button{
      bottom:-40%;
      left:unset;
      right:15%
  }
  #fogao .resistente .interacao .botao3 .balao::after{
      left:unset;
      right:0;
      transform:rotate(180deg)
  }
}
@media(max-width: 350px){
  #fogao .resistente .content .balao h2{
      font-size:1.8rem
  }
  #fogao .resistente .content h3{
      font-size:1.6rem;
      margin-bottom:10px
  }
  #fogao .resistente .content p{
      font-size:1.1rem !important
  }
  #fogao .resistente .interacao .balao h2{
      font-size:1.7rem
  }
  #fogao .resistente .interacao .balao p{
      font-size:1.3rem !important
  }
  #fogao .resistente .interacao .botao1{
      top:65%
  }
  #fogao .resistente .interacao .botao2{
      bottom:24%
  }
  #fogao .resistente .interacao .botao3{
      bottom:17%
  }
}
#fogao .garantia{
  display:flex;
  position:relative;
  gap:20px;
  justify-content:space-between;
  padding:0px 30px 0 30px;
  background-color:#ff8200;
  height:606px
}
#fogao .garantia .bloco-hover{
  position:absolute;
  width:100%;
  height:100%;
  background-color:#ff8200;
  z-index:1;
  display:none;
  inset: 0;
}
#fogao .garantia .bloco-hover .mob{
  display:none
}
#fogao .garantia .bloco-hover .boxi{
  position:absolute;
  right:20%;
  top:34%
}
#fogao .garantia .bloco-hover .boxi .balao{
  padding:21px 50px;
  width:-moz-fit-content;
  width:fit-content
}
#fogao .garantia .bloco-hover .boxi p{
  margin-top:22px;
  margin-left:53px;
  color:#fff
}
#fogao .garantia .bloco-hover img{
  width:590px;
  position:absolute;
  bottom:0;
  left:15%
}
#fogao .garantia::before{
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:65%;
  background-color:#fcba4d;
  z-index:-1;
  left:0
}
#fogao .garantia .selo{
  position:absolute;
  top:30px;
  left:30px;
  width:200px
}
#fogao .garantia p{
  font-size:1.6rem !important;
  margin-top:30px;
  margin-left:50px
}
#fogao .garantia .click{
  display:block;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,0);
  background-image:url("../images/more.webp");
  background-size:cover;
  border:0;
  cursor:pointer !important;
  z-index:9;
  position:absolute;
  bottom:47%;
  left:83%
}
#fogao .garantia .close{
  display:block;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,0);
  background-image:url("../images/more-active.webp");
  background-size:cover;
  border:0;
  cursor:pointer !important;
  z-index:9;
  position:absolute;
  top:4%;
  left:91%
}
#fogao .garantia .balao p{
  margin:0
}
#fogao .garantia .bloco1>div>p{
  color:#46c1be
}
#fogao .garantia .bloco2{
  width:33%;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0
}
#fogao .garantia .bloco2 .mob{
  display:none
}
#fogao .garantia .bloco1{
  position:absolute !important;
  top:27%;
  left:7%;
  display:flex;
  flex-direction:column
}
#fogao .garantia .bloco1 .p-mob{
  display:none
}
#fogao .garantia .bloco1 .paragraph{
  margin-left:-8px;
  margin-top:24px
}
#fogao .garantia .bloco1 .paragraph .text-mob{
  display:none
}
#fogao .garantia .bloco1 .paragraph h5{
  background-color:#9a5394;
  color:#fff;
  font-weight:600;
  font-size:2rem;
  width:-moz-fit-content;
  width:fit-content;
  padding:2px 9px;
  margin-bottom:4px
}
#fogao .garantia .bloco1 p{
  color:#fff !important;
  margin-top:15px;
  margin-left:0
}
#fogao .garantia .bloco1 .balao{
  padding:21px 62px;
  border-radius:24px
}
#fogao .garantia .bloco1 .balao h2{
  font-weight: 700;
  font-size:2.9rem
}
#fogao .garantia .bloco3{
  position:absolute !important;
  top:32%;
  right:8%
}
#fogao .garantia .bloco3 .p-mob{
  display:none !important
}
#fogao .garantia .bloco3 .paragraph{
  margin-left:32px;
  margin-top:24px
}
#fogao .garantia .bloco3 .paragraph h5{
  background-color:#9a5394;
  color:#fff;
  font-weight:600;
  font-size:2rem;
  width:-moz-fit-content;
  width:fit-content;
  padding:2px 9px;
  margin-bottom:4px
}
#fogao .garantia .bloco3 p{
  color:#fff !important;
  margin-top:15px;
  margin-left:0;
  margin-left:9px
}
#fogao .garantia .bloco3 .balao{
  padding:21px 43px;
  border-radius:24px
}
#fogao .garantia .bloco3 .balao h2{
  font-weight: 700;
  font-size:2.9rem
}
#fogao .garantia .bloco1,#fogao .garantia .bloco3{
  position:relative;
  padding-bottom:6%;
  align-items:flex-end
}
#fogao .garantia .bloco3 p{
  color:#f27179
}
@media(max-width: 768px){
  #fogao .garantia{
      display:flex;
      flex-direction:column;
      padding:0px 0px 0 0px;
      height:auto;
      gap:0
  }
  #fogao .garantia .bloco-hover .boxi{
      right:26%;
      top:15%
  }
  #fogao .garantia .bloco-hover .boxi p{
      margin-top:10px;
      margin-left:4px;
      font-size:1.8rem !important
  }
  #fogao .garantia .bloco-hover .boxi .balao-bl::after{
      transform:rotate(180deg);
      right:0;
      left:unset
  }
  #fogao .garantia .bloco-hover .boxi .balao{
      padding:18px 41px
  }
  #fogao .garantia .bloco-hover .desk{
      display:none
  }
  #fogao .garantia .bloco-hover .mob{
      display:block
  }
  #fogao .garantia .bloco-hover img{
      bottom:1%;
      left:2%
  }
  #fogao .garantia .click{
      bottom:15%;
      left:64%
  }
  #fogao .garantia .close{
      top:3%;
      left:86%
  }
  #fogao .garantia::before{
      height:60%;
      display:none
  }
  #fogao .garantia .selo{
      display:none
  }
  #fogao .garantia p{
      font-size:1.4rem !important;
      margin-top:10px;
      margin-left:50px
  }
  #fogao .garantia .bloco1{
      position:relative !important;
      top:unset;
      left:unset;
      order:3;
      background-color:#9a5394;
      align-items:center !important;
      padding-top:14px;
      padding-top:26px
  }
  #fogao .garantia .bloco1>div{
      margin:unset;
      margin-top:0px;
      display:flex;
      align-items:center;
      gap:25px
  }
  #fogao .garantia .bloco1 .p-desk{
      display:none
  }
  #fogao .garantia .bloco1 .p-mob{
      display:block;
      width:71%;
      font-size:1.7rem !important
  }
  #fogao .garantia .bloco1 .p-mob br{
      display:none
  }
  #fogao .garantia .bloco1 .paragraph{
      margin-left:0;
      margin-top:0
  }
  #fogao .garantia .bloco1 .paragraph h5{
      background-color:#ff8200;
      font-size:2.1rem
  }
  #fogao .garantia .bloco1 .paragraph .text-desk{
      display:none
  }
  #fogao .garantia .bloco1 .paragraph .text-mob{
      display:block
  }
  #fogao .garantia .bloco1 .balao-roxo::after{
      border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ff8200 !important
  }
  #fogao .garantia .bloco1 .balao-roxo::after{
      top:-34px
  }
  #fogao .garantia .bloco1 .balao{
      background-color:#ff8200 !important;
      padding:20px 35px;
      border-radius:19px;
      height:-moz-fit-content;
      height:fit-content
  }
  #fogao .garantia .bloco1 .balao h2{
      font-size:2.7rem;
      margin-bottom:0
  }
  #fogao .garantia .bloco1>div>p{
      color:#fff
  }
  #fogao .garantia .bloco2{
      width:100%;
      margin:auto;
      position:relative;
      order:2
  }
  #fogao .garantia .bloco2 .desk{
      display:none
  }
  #fogao .garantia .bloco2 .mob{
      display:block
  }
  #fogao .garantia .bloco2 .selo{
      display:block;
      width:110px;
      top:-10px;
      left:-30px
  }
  #fogao .garantia .bloco1,#fogao .garantia .bloco3{
      position:relative;
      display:flex;
      padding-bottom:6%;
      align-items:flex-end
  }
  #fogao .garantia .bloco3{
      margin-top:0px;
      top:unset;
      right:unset;
      position:relative !important;
      order:1;
      padding:40px 30px 0 30px
  }
  #fogao .garantia .bloco3>div{
      width:100%;
      display:flex;
      flex-direction:column
  }
  #fogao .garantia .bloco3 .paragraph{
      margin-left:0;
      margin-left:32px;
      margin-top:15px
  }
  #fogao .garantia .bloco3 .paragraph h5{
      font-size:2.2rem
  }
  #fogao .garantia .bloco3 .paragraph p{
      font-size:1.7rem !important;
      margin-top:9px;
      padding-right:20px;
      margin-bottom:0
  }
  #fogao .garantia .bloco3 .paragraph p br{
      display:none
  }
  #fogao .garantia .bloco3 .p-desk{
      display:none
  }
  #fogao .garantia .bloco3 .p-mob{
      display:block !important
  }
  #fogao .garantia .bloco3 .balao{
      padding:21px 35px;
      width:-moz-fit-content;
      width:fit-content
  }
  #fogao .garantia .bloco3 .balao h2{
      font-size:2.5rem
  }
  #fogao .garantia .bloco3 .balao h2 br{
      display:none
  }
  #fogao .garantia .bloco3 .balao::after{
      top:unset;
      bottom:-35px;
      left:unset;
      right:0;
      transform:rotate(180deg)
  }
}
#fogao .seguridad{
  display:flex;
  position:relative;
  gap:20px;
  justify-content:space-between;
  padding:0px 30px 0 30px;
  background:url("../images/bg-seguridad.png");
  background-size:cover;
  background-position:bottom;
  height:690px
}
#fogao .seguridad .bloco-hover{
  position:absolute;
  width:100%;
  height:100%;
  background-color:#ff8200;
  z-index:1;
  display:none
}
#fogao .seguridad .bloco-hover .boxi{
  position:absolute;
  right:20%;
  top:34%
}
#fogao .seguridad .bloco-hover .boxi .balao{
  padding:21px 50px;
  width:-moz-fit-content;
  width:fit-content
}
#fogao .seguridad .bloco-hover .boxi p{
  margin-top:22px;
  margin-left:53px;
  color:#fff
}
#fogao .seguridad .bloco-hover img{
  width:590px;
  position:absolute;
  bottom:0;
  left:15%
}
#fogao .seguridad::before{
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:65%;
  background-color:#fcba4d;
  z-index:-1;
  left:0
}
#fogao .seguridad .selo{
  position:absolute;
  top:30px;
  left:30px;
  width:200px
}
#fogao .seguridad p{
  font-size:1.6rem !important;
  margin-top:30px;
  margin-left:50px
}
#fogao .seguridad .click{
  display:block;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,0);
  background-image:url("../images/more.webp");
  background-size:cover;
  border:0;
  cursor:pointer !important;
  z-index:9;
  position:absolute;
  bottom:47%;
  left:83%
}
#fogao .seguridad .close{
  display:block;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,0);
  background-image:url("../images/more-active.webp");
  background-size:cover;
  border:0;
  cursor:pointer !important;
  z-index:9;
  position:absolute;
  top:4%;
  left:91%
}
#fogao .seguridad .balao p{
  margin:0
}
#fogao .seguridad .bloco1>div>p{
  color:#46c1be
}
#fogao .seguridad .bloco2{
  width:380px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0
}
#fogao .seguridad .bloco1{
  position:absolute !important;
  top:11%;
  left:9%
}
#fogao .seguridad .bloco1 .lock{
  width:49px;
  margin-bottom:23px;
  margin-left:8px
}
#fogao .seguridad .bloco1 .paragraph{
  margin-left:-38px;
  margin-top:24px
}
#fogao .seguridad .bloco1 .paragraph h5{
  background-color:#9a5394;
  color:#fff;
  font-weight:600;
  font-size:1.65rem;
  width:-moz-fit-content;
  width:fit-content;
  padding:2px 5px;
  margin-bottom:4px
}
#fogao .seguridad .bloco1 p{
  color:#fff !important;
  margin-top:15px;
  margin-left:0
}
#fogao .seguridad .bloco1 .balao{
  padding:21px 45px;
  border-radius:24px 24px 0 24px;
  border:2px solid #fff;
  background-color:#32cdc8 !important
}
#fogao .seguridad .bloco1 .balao-azul::after{
  border:none
}
#fogao .seguridad .bloco1 .balao ::after{
  content:"";
  position:absolute;
  width:47px;
  height:49px;
  background:url("../images/seta-after1.png");
  background-size:cover;
  background-repeat:no-repeat;
  bottom:-49px;
  right:-2px
}
#fogao .seguridad .bloco1 .balao h2{
  font-size:2.9rem
}
#fogao .seguridad .bloco3{
  position:absolute !important;
  top:34%;
  right:3%
}
#fogao .seguridad .bloco3 .paragraph{
  margin-left:32px;
  margin-top:24px
}
#fogao .seguridad .bloco3 .paragraph h5{
  background-color:#9a5394;
  color:#fff;
  font-weight:600;
  font-size:2rem;
  width:-moz-fit-content;
  width:fit-content;
  padding:2px 9px;
  margin-bottom:4px
}
#fogao .seguridad .bloco3 p{
  color:#fff !important;
  margin-top:15px;
  margin-left:0;
  margin-left:9px;
  font-weight:600
}
#fogao .seguridad .bloco3 .balao{
  padding:24px 39px;
  border-radius:0px 24px 24px 24px;
  border:2px solid #fff;
  background-color:#32cdc8 !important
}
#fogao .seguridad .bloco3 .balao-azul::after{
  border:none
}
#fogao .seguridad .bloco3 .balao ::after{
  content:"";
  position:absolute;
  width:48px;
  height:50px;
  background:url("../images/seta-after1.png");
  background-size:cover;
  background-repeat:no-repeat;
  top:-49px;
  left:-3px;
  transform:rotate(180deg)
}
#fogao .seguridad .bloco3 .balao h2{
  font-size:2.9rem
}
#fogao .seguridad .bloco1,#fogao .seguridad .bloco3{
  position:relative;
  padding-bottom:6%;
  align-items:flex-end
}
#fogao .seguridad .bloco3 p{
  color:#f27179
}
@media(max-width: 768px){
  #fogao .seguridad{
      background:url("../images/bg-seguridad-mob.png");
      background-size:cover;
      background-position:bottom;
      height:756px
  }
  #fogao .seguridad .bloco1{
      display:flex;
      flex-direction:row;
      align-items:flex-start;
      gap:20px;
      top:4%;
      left:7%
  }
  #fogao .seguridad .bloco1 .paragraph{
      margin-left:4px;
      margin-top:16px
  }
  #fogao .seguridad .bloco1 .paragraph h5{
      font-size:1.9rem;
      padding:2px 11px
  }
  #fogao .seguridad .bloco1 .paragraph p{
      margin-top:8px;
      margin-left:9px;
      font-size:1.7rem !important
  }
  #fogao .seguridad .bloco1 .balao{
      padding:20px 28px
  }
  #fogao .seguridad .bloco1 .balao h2{
      font-size:2.6rem;
      margin-bottom:0
  }
  #fogao .seguridad .bloco1 .balao h2 br{
      display:none
  }
  #fogao .seguridad .bloco1 .lock{
      order:1;
      width:42px
  }
  #fogao .seguridad .bloco2{
      width:50%;
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      bottom:14%
  }
  #fogao .seguridad .bloco3{
      top:83%;
      right:-6%;
      width:100%
  }
  #fogao .seguridad .bloco3 .paragraph{
      margin-left:15px;
      margin-top:0
  }
  #fogao .seguridad .bloco3 .paragraph p{
      width:72%;
      font-size:1.9rem !important
  }
  #fogao .seguridad .bloco3 .paragraph br{
      display:none
  }
  #fogao .seguridad .bloco3>div{
      display:flex;
      flex-direction:row
  }
  #fogao .seguridad .bloco3 .balao::after{
      content:"";
      position:absolute;
      width:35px;
      height:38px;
      background:url("../images/seta-after-roxo.png");
      background-size:cover;
      background-repeat:no-repeat;
      top:-37px;
      left:-2.3px;
      transform:rotate(0deg)
  }
  #fogao .seguridad .bloco3 .balao{
      padding:19px 25px;
      width:76%;
      background-color:#9a5394 !important
  }
  #fogao .seguridad .bloco3 .balao h2{
      margin-bottom:0;
      font-size:2.7rem
  }
  #fogao .seguridad .bloco3 .balao h2::after{
      display:none
  }
}
@media(min-width:460px) and (max-width: 768px){
  #fogao .seguridad .bloco2 {
    width: 35%;
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    bottom: 14%;
}
}
@media(max-width: 395px){
  #fogao .seguridad .bloco3 .balao::after{
      content:"";
      position:absolute;
      width:35px;
      height:38px;
      background:url(../images/seta-after-roxo.png);
      background-size:cover;
      background-repeat:no-repeat;
      top:-38px;
      left:-1.3px;
      transform:rotate(0deg)
  }
  #fogao .seguridad .bloco3 .paragraph p{
      font-size:1.8rem !important
  }
  #fogao .seguridad .bloco3 .balao{
      width:68%
  }
  #fogao .seguridad .bloco3 .balao h2{
      font-size:2.4rem
  }
}
#fogao .dados_tecnicos{
  display:flex;
  align-items:center;
  gap:30px;
  padding:71px 0;
  padding-right:50px;
  color:#9a5394
}
#fogao .dados_tecnicos .medidas{
  width:80%
}
#fogao .dados_tecnicos .medidas .titulo{
  margin-bottom:40px
}
#fogao .dados_tecnicos .medidas .titulo h2{
  font-weight: 700;
  font-size:1.9rem !important;
  line-height:31px !important
}
#fogao .dados_tecnicos .medidas h2{
  margin:0;
  font-size:1.9rem !important;
  margin-bottom:10px
}
#fogao .dados_tecnicos .medidas .tabela{
  width:390px;
  margin-right:44px;
  margin-top:7px;
  font-size:1.5rem;

}
#fogao .dados_tecnicos .medidas .tabela .title{
  background-color:#9a5394;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:11px;
  padding:6px 24px !important;
  font-weight:600
}
#fogao .dados_tecnicos .medidas .tabela .title img{
  width:23px;
  -o-object-fit:contain;
  object-fit:contain;
  aspect-ratio:30/23
}
#fogao .dados_tecnicos .medidas .tabela .linha{
  display:flex;
  border-radius:5px;
  padding:2px 5px !important;
  background-color:#e6e7e8;
  justify-content:space-between;
  margin-top:5px;
  border-radius:11px;
  padding:5px 24px !important;
  font-weight:400;
  align-items:center;
  font-size:1.5rem
}
#fogao .dados_tecnicos .medidas .tabela .linha b{
  font-weight:400
}
@media(max-width: 768px){
  #fogao .dados_tecnicos{
      flex-direction:column;
      padding:40px 0;
      gap:10px
  }
  #fogao .dados_tecnicos .medidas{
      width:93%;
      margin-top:25px
  }
  #fogao .dados_tecnicos .medidas .tabelas{
      display:flex;
      gap:15px
  }
  #fogao .dados_tecnicos .medidas .tabelas .tabela{
      margin-right:0
  }
  #fogao .dados_tecnicos .medidas .tabelas .tabela .title{
      padding:6px 20px !important;
      font-size:1.45rem
  }
  #fogao .dados_tecnicos .medidas .tabelas .tabela .linha{
      padding:5px 20px !important;
      font-weight:400;
      align-items:center;
      font-size:1.3rem
  }
  #fogao .dados_tecnicos .medidas .titulo{
      margin-bottom:25px
  }
  #fogao .dados_tecnicos .medidas .titulo h2{
      font-size:1.7rem !important;
      line-height:25px !important
  }
  #fogao .dados_tecnicos .medidas h2{
      margin:0;
      font-size:1.7rem !important;
      margin-bottom:-10px
  }
  #fogao .dados_tecnicos .medidas .tabela{
      width:100%;
      margin-top:20px
  }
  #fogao .dados_tecnicos .medidas .tabela .title{
      font-size:1.3rem
  }
  #fogao .dados_tecnicos .medidas .tabela .linha{
      display:flex;
      padding:0 10px;
      justify-content:space-between
  }
}
@media(max-width: 395px){
  #fogao .dados_tecnicos .medidas h2{
      font-size:1.5rem !important
  }
  #fogao .dados_tecnicos .medidas .titulo h2{
      font-size:1.5rem !important;
      line-height:23px !important
  }
  #fogao .dados_tecnicos .medidas .tabelas{
      gap:11px
  }
  #fogao .dados_tecnicos .medidas .tabelas .tabela .title{
      font-size:1.3rem
  }
  #fogao .dados_tecnicos .medidas .tabelas .tabela .title img{
      width:20px
  }
  #fogao .dados_tecnicos .medidas .tabelas .tabela .linha{
      font-size:1.2rem
  }
}
#fogao .rodape{
  background-color:#ff8200;
  padding:32px 40px;
  display:flex;
  gap:40px;
  align-items:center;
  justify-content:center
}
#fogao .rodape .img{
  width:280px;
  height:100%
}
@media(max-width: 768px){
  #fogao .rodape{
      margin-top:0px;
      flex-direction:column;
      gap:20px;
      padding:40px;
      padding:30px 40px
  }
  #fogao .rodape .img{
      width:190px
  }
  #fogao .rodape p{
      text-align:center
  }
}
/*# sourceMappingURL=application.css.map */