.site-header-page {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color:rgba(63,69,72,0.92);
  backdrop-filter:blur(6px);
  box-shadow:0 4px 10px rgba(0,0,0,0.18);
}

.site-header-container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.site-logo img {
  height: 60px;
  display: block;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 26px;
}

.site-nav a {
  color: #fff;
  text-decoration: none;
  font-size: .92rem;
  font-weight: 600;
  opacity: .9;
  transition: .22s ease;
}

.site-nav a:hover,
.site-nav a.ativo {
  color: #ec663b;
  opacity: 1;
}

.btn-header-demo {
  padding: 10px 18px;
  border-radius: 999px;
  background: #ec663b;
  color: #fff !important;
  opacity: 1 !important;
}

.btn-header-demo:hover {
  background: #d9572f;
  color: #fff !important;
}

@media (max-width:768px){

    .site-header-page{
        position:sticky;
        top:0;
        z-index:1000;
        background-color:rgba(63,69,72,0.92);
        min-height:auto;
        height:auto;
    }

    .site-header-container{
        max-width:1340px;
        width:100%;

        padding:12px 16px 16px;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;

        gap:10px;

        height:auto;
        min-height:auto;
    }

    .site-logo{
        display:flex;
        justify-content:center;
        align-items:center;
    }

    .site-logo img{
        height:48px;
        display:block;
    }

    .site-nav{
        justify-content:center;
        flex-wrap:wrap;
        gap:12px;
    }
    .conteudo-site-nav a{
        font-size:.85rem;
    }

    /*.site-nav a{
        display:inline-flex;
        align-items:center;

        font-size:.85rem;
        line-height:1.2;

        white-space:nowrap;
        margin:0;
        padding:2px 0;

        color:#fff;
    }*/

    .site-nav .btn-header-demo,
    .site-nav a[href*="#produto"],
    .site-nav a[href*="#empresa"]{
        display:none !important;
    }
}


/* ==========================================================
   FOOTER SITE
========================================================== */

.site-footer{
    background:#3f4548;
    padding:18px 20px 14px;
}

.site-footer-container{
    max-width:1340px;
    margin:0 auto;
    width:100%;
}

.site-footer-nav{
    display:flex;
    justify-content:center;
    gap:30px;
    margin-bottom:18px;
}

.site-footer-nav a{
    color:rgba(255,255,255,.88);
    text-decoration:none;
    font-size:.92rem;
    font-weight:600;
    transition:.22s;
}

.site-footer-nav a:hover{
    color:#ec663b;
}

.site-footer-bottom{
    width:100%;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:14px;
    text-align:right;
}

.site-footer-copy{
    display:inline-block;
    color:rgba(255,255,255,.60);
    font-size:.84rem;
}

@media(max-width:768px){

    .site-footer-nav{
        flex-wrap:wrap;
        gap:16px;
    }

    .site-footer-bottom{
        justify-content:center;
    }

    .site-footer-copy{
        text-align:center;
    }

}

/* =================Fim FOOTER =========================*/