.header-top-bg { background: var(--branco); }
.header-top { display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; gap: 30px; height: 95px; }
header .whats-header.whats-href:hover .texto {color:var(--zap)}
header .email.email-header:hover .texto {color:var(--cor2)}
header .redes a:hover {transform: scale(1.1);}

.email-header,.redes,
.whats-header { display: flex; align-items: center; gap: 12px; }
.whats-header .img { display: flex; align-items: center; justify-content: center; background-color: var(--zap); width: 40px; height: auto; aspect-ratio: 1/1; border-radius: 50%; }
.whats-header .texto { font: 700 17px montserrat; white-space: nowrap; color: var(--preto); display: flex; flex-direction: column; }
.email-header .texto span,
.whats-header .texto span { font: 12.46px montserrat; }
.email-header .img { display: flex; align-items: center; justify-content: center; background: var(--cor2); width: 40px; height: auto; aspect-ratio: 1/1; border-radius: 50%; }
.email-header .texto { font: 600 13px montserrat; }
.rede-item { display: flex; align-items: center; justify-content: center; width: 40px; height: auto; aspect-ratio: 1/1; border-radius: 50%;  transition: .4s ease; }
.rede-item.insta {   background: linear-gradient( to right,#833ab4,#fd1d1d,#fcb045); }
.rede-item.face { background: #0068D6; }
.rede-item .img { display: flex; align-items: center; justify-content: center; }

.nav-bar-bg { background: var(--cor1); height: 50px; }
.nav { display: flex; height: 100%; align-items: center; justify-content: space-between; gap: 10px; }
.nav .pages {height: 100%; width: fit-content; display: flex; flex-direction: column;}
.nav .link { position: relative; flex: 1 1 100%; font: 14.51px montserrat; color: var(--branco); text-align: center; white-space: nowrap; padding: 0 10px; display: flex; align-items: center; justify-content: center; height: 100%; transition: .4s ease; width:fit-content; cursor: pointer;}
.nav .link:hover,
.nav .link.ativo { background: var(--cor2); }

/* .nav .subpages .subpages {left: 0;} */
.name-link {width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: flex-start;}
.nav .pages {position: relative; width: 100%;}
.nav > .pages {width: fit-content;}
.nav .link + .subpages .link p {min-width: max-content;}
.nav .pages-1:hover > .subpages, .nav .pages-1:hover > .subpages:hover .pages:hover .subpages { visibility: visible; opacity: 1; pointer-events: all; }
.nav .link:hover + .subpages,
.nav .link + .subpages .link:hover + .subpages { visibility: visible; opacity: 1; pointer-events: all; }
.nav .link + .subpages { position: absolute; top: 50px; background: var(--cor1); width: 100%; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; transition: .4s ease; width: max-content;}
.nav .link + .subpages .link { position: relative; border-left: 3px solid transparent; white-space: normal; min-height: 35px; text-align: left; box-sizing: border-box; padding: 5px 25px; font-size: 13px; align-items: center; justify-content: flex-start; width: 100%;}
.nav .link + .subpages .link:hover { background: var(--branco); color: var(--preto); border-color: var(--cor2); }
.nav .link + .subpages .link + .subpages { top: 0; right: 100%; width: max-content; min-width: 200px; }
.nav .link + .subpages div.link + .subpages { display: none; }
.nav .link + .subpages div.link:hover + .subpages { display: block; }


.mobile-nav-wrap,
.mobile-menu-panel,
.mobile-menu-overlay { display: none; }

@media (max-width: 1250px) {
    header { position: relative; }
    body.mobile-menu-open { overflow: hidden; }
    .header-top { grid-template-columns: 1fr auto; gap: 12px; height: auto; min-height: 82px; padding: 14px 0; }
    .header-top .logo-header { max-width: 220px; }
    .header-top .whats-header,
    .header-top .email-header,
    .header-top .redes { display: none; }
    .nav { display: none; }
    .nav-bar-bg { display: none; }
    .mobile-nav-wrap { display: flex; justify-content: center; align-items: center; min-height: 42px; }
    .mobile-menu-toggle { width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 6px; background: transparent; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 0 9px; }
    .mobile-menu-toggle-bar { display: block; width: 100%; height: 2px; background: var(--cor1); transition: 0.25s ease; }
    .mobile-menu-panel { --close: 80px; position: absolute; top: 0; left: 0; width: calc(100% - var(--close)); height: 100dvh; z-index: 1200; background: var(--branco); }
    .mobile-menu-panel.open { display: block; }
    .mobile-menu-content { height: 100%; overflow-y: auto; padding: 16px 0 22px; box-sizing: border-box; }
    .mobile-menu-top { display: flex; align-items: center; min-height: 62px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); margin-bottom: 8px; padding-bottom: 12px; }
    .mobile-menu-logo { display: inline-flex; max-width: 220px; }
    .mobile-menu-logo img { width: 100%; height: auto; }
    .mobile-main-links { display: flex; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding-bottom: 8px; }
    .mobile-link-main { min-height: 46px; color: var(--preto); font: 600 15px montserrat; display: flex; align-items: center; justify-content: space-between; padding: 0 4px; text-decoration: none; }
    .mobile-link-main.ativo,
    .mobile-link.ativo > .mobile-link-main { color: var(--cor2); }
    .mobile-link.has-children > .mobile-link-main { width: 100%; border: 0; background: transparent; cursor: pointer; text-align: left; }
    .mobile-toggle-icon { color: var(--cor2); font-size: 22px; line-height: 1; transition: 0.25s ease; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
    .mobile-link.open > .mobile-link-main .mobile-toggle-icon { transform: rotate(45deg); }
    .mobile-subpages { display: none; padding: 0 0 4px 14px; }
    .mobile-link.depth-1 > .mobile-link-main { min-height: 40px; font-size: 14px; font-weight: 500; }
    .mobile-link.depth-2 > .mobile-link-main { min-height: 36px; font-size: 13px; opacity: 0.95; }
    .mobile-contacts { display: grid; gap: 12px; padding-top: 14px; }
    .mobile-contact-item { color: var(--preto); display: flex; align-items: center; gap: 10px; text-decoration: none; }
    .mobile-contact-item .texto { display: flex; flex-direction: column; gap: 2px; font: 600 13px montserrat; }
    .mobile-menu-panel .close-btn { display: flex; align-items: center; justify-content: center; width: var(--close); height: auto; aspect-ratio: 1/1; background: var(--cor2); color: var(--branco); position: absolute; top: 0; right: calc(var(--close) * -1); font: 600 16px montserrat; }
    .mobile-contact-item .texto span { font: 11px montserrat; opacity: 0.88; }
    .mobile-contact-item .img { display: flex; align-items: center; justify-content: center; width: 36px; aspect-ratio: 1/1; border-radius: 50%; }
    .mobile-contact-item.whats-href .img { background: var(--zap); }
    .mobile-contact-item.email .img { background: var(--cor2); }
    .mobile-redes { margin-top: 2px; gap: 10px; }
    .mobile-menu-overlay { position: absolute; inset: 0; width: 100%; height: 100dvh; background: rgba(0, 0, 0, 0.55); z-index: 1190; }
    .mobile-menu-overlay.open { display: block; }
}