.header-bg {background: var(--cor2); padding: 30px 0; border-top: 2px solid var(--cor1);}
.header-bg .header {display: flex; justify-content: space-between; gap: 20px; align-items: center;}
.header .tel-href,
.header .pages-list {display: flex;}

.header .pages-list {gap: 45px; align-items: center;}
.header .page:has(.ativo) .page-name,
.header .page .subpage.ativo .nome,
.header .page div.page-href {cursor: default;}
.header .page .submenu .subpage {cursor: pointer;}
.header .page:has(.ativo) .page-name,
.header .submenu .subpage.ativo .nome,
.header .page.ativo .page-name {color: var(--cor1);}
.pages-list .page-name {font: 500 16px montserrat; color: var(--branco);}
.header .tel-href {gap: 10px; font: 400 20.24px rapidone; color: var(--branco); align-items: flex-start;}

.header .page {position: relative;}

.header .bx {display: none; position: relative; width: 35px; height: 2px; background: var(--branco);}
.header .bx::after,
.header .bx::before {position: absolute; content: ''; width: 100%; height: 2px; transform: translate(-50%, -50%); left: 50%; background: var(--branco);}

.header .bx::after {top: 11px;}
.header .bx::before {bottom: 10px;}

.close-btn,
.logo-mobile {display: none;}

.submenu .page-href {display: none !important;}
.header .page .subpage .nome {color: var(--branco); font:500 15px montserrat;}
.header .page .subpage {padding: 10px 15px;}

@media(min-width: 991px){
    .header .page .submenu {position: absolute; white-space: nowrap;z-index: 999; display: flex;left: -15px; top: 25px; flex-direction: column; background: var(--cor2); max-height: 0; overflow: hidden; transition: var(--transition2);}
    .header .page:hover .submenu {max-height: 1000px;}
}

@media(max-width: 1250px){
    .header .tel-href .texto {display: none;}
}

@media(max-width: 990px){
    .header .page .submenu {display: none;}
    .header .page .subpage {padding: 10px 15px; display: flex; align-items: center;}
    .header-bg .header {justify-content: unset;}
    .header .logo-href {margin-right: auto;}
    .logo-mobile {display: block;}
    .logo-mobile .img {display: flex; margin: 0 10%; max-height: 80px;}
    .logo-mobile .img img {width: 100%; object-fit: contain;}
    .close-btn {position: absolute; right: 0; top: 0; content: ''; background: #e10000; display: flex; align-items: center; justify-content: center; width: 60px; height: auto; aspect-ratio: 1/1; color: var(--branco); font: 700 16px montserrat;}
    .header .bx {display: block;}
    .pages {position: fixed; transition: var(--transition2); height: 100%; width: 100%; background: #0000004b; top: 0; left: -220%; z-index: 99999;}
    .pages.ativo {left: 0;}
    .pages .pages-list {background: var(--cor2); height: 100%; width: calc(100% - 60px); color: var(--preto-fonte); flex-direction: column;gap: 0;} 
    .pages .page {width: 100%;}
    .pages .page-href {padding: 15px 10px; display: block; border-top: 1px solid rgba(255, 255, 255, 0.863);}
    .pages .page:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.863)}
}