.all-links {position: absolute; top: 100%; left: 0;}
header .conteudo .info .pagina .agrupa-paginas:hover ~ .all-links  .sub-paginas, header .conteudo .info .pagina .all-links:hover .sub-paginas {opacity: 1; z-index: 1; display: block;}
.sub-paginas .sub-agrupa-paginas:hover ~ .sub-sub-paginas, .sub-paginas .sub-sub-paginas:hover {opacity: 1; z-index: 1; display: block;}

.sub-paginas {position: relative; top: 100%; left: 0; z-index: 100; background: var(--preto); padding: 0; width: 100%; border-right: 2px solid var(--azul-qua); transition: 0.3s; z-index: -100; opacity: 0; display: none;}
header .conteudo .info .pagina .sub-pagina, header .conteudo .info .pagina .sub-pagina p {padding: 0;}
header .conteudo .info .pagina .sub-sub-pagina, header .conteudo .info .pagina .sub-sub-pagina p {padding: 0;}
header .conteudo .info .pagina.mobile { display: none; }

.pagina .mb-seta {display: none;}

header .conteudo .info .pagina .sub-pagina {padding: 12px 18px 10px; font: 600 15px montserrat; color: var(--branco);}
header .conteudo .info .pagina .sub-pagina:hover, header .conteudo .info .pagina .sub-sub-pagina:hover,
header .conteudo .info .pagina .sub-pagina.ativo, header .conteudo .info .pagina .sub-sub-pagina.ativo {background: var(--azul);}
header .conteudo .info .pagina .sub-sub-pagina {padding: 12px 18px 10px; font: 600 15px montserrat; color: var(--branco);}

.sub-sub-paginas {position: absolute; top: 0; left: calc(100% + 2px); z-index: 100; background: var(--preto); width: 358px; opacity: 0; transition: 0.3s; z-index: -100; display: none}

header {background: var(--azul-ter); overflow: hidden;}
/* header::after {content: ''; width: calc((150% - 1130px) / 2); height: 2px; background: var(--cinza-seg); position: absolute; top: 73px; right: 0;} */

header .conteudo {display: flex; justify-content: space-between; align-items: center; gap: 65px}
header .conteudo .logo {width: 250px;}
header .conteudo .logo .img {width: 100%; height: 100%; display: block;}
header .conteudo .logo .img img {width: 100%; height: 100%; object-fit: contain;}

header .conteudo .info {background: var(--azul-ter);}
header .conteudo .info .links {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
header .conteudo .info {display: grid; gap: 20px; position: relative; z-index: 100; padding: 22px 0 0 0; flex: 1;}
header .conteudo .info .paginas ul {display: flex; flex-direction: row; justify-content: space-between; position: relative;}
header .conteudo .info .pagina {position: relative;}
header .conteudo .info .pagina a, header .conteudo .info .pagina > p {font: 300 16px / 27.14px aloe; color: var(--branco); position: relative; padding: 21px 0 25px; cursor: pointer; display: block;}
header .conteudo .info .pagina::before {content: ''; width: 100%; height: 5px; background: var(--branco); position: absolute; top: 0; transform: scaleX(0); transform-origin: left; transition: .4s;}
header .conteudo .info .pagina:hover::before, header .conteudo .info .pagina.ativo::before {transform: scaleX(1);}

header .conteudo .info .pagina.ativo a {font-weight: 700;}
header .conteudo .info .paginas ul::before {content: ''; width: 100vw; height: 2px; background: var(--cinza-seg); position: absolute; top: 0; left: 0;}

header .conteudo .info .link {display: flex; justify-content: center; white-space: nowrap; align-items: center; gap: 5px; font: 300 16px / 1 aloe; color: var(--branco); transition: 0.4s;}
header .conteudo .info .link strong {font-weight: 700;}
header .conteudo .info .link.link.email {font-size: 13px;}
header .conteudo .info .link .titulo {display: grid; gap: 1px;}
header .conteudo .info .link span {font: 400 12.52px / 12.52px montserrat;}

/* header .conteudo .info .link.whatsapp:first-child {margin: 0 71px 0 0;} */
header .conteudo .info .link.whatsapp:hover {color: var(--verde);}
header .conteudo .info .link.whatsapp span {color: var(--verde);}
header .conteudo .info .link.telefone .icone {--cor: var(--azul-set)}
header .conteudo .info .link.telefone span {color: var(--azul-set);}
header .conteudo .info .link.telefone:hover {color: var(--azul-set);}
header .conteudo .info .link span {font: 500 11.26px montserrat;}
header .conteudo .info .link.email:hover {color: var(--azul);}
/* header .conteudo .info .link.email span {color: var(--azul); font-size: 12.62px; line-height: 12.62px;} */
header .conteudo .info .link .icone {width: 27px; height: auto;}
header .conteudo .info .redes {display: flex; gap: 11px;}
header .conteudo .info .redes .link:hover {transform: scale(1.07);}
header .pagina.barbearia { display: none !important; }

header .btn-mob {display: none;}
header .logo-menu {display: none;}


@keyframes scalein {
     to { transform: scale(1);}
     from {transform: scale(0.9);}
}

@media (max-width: 1360px) {
     .sub-sub-paginas {left: unset; right: calc(100% + 2px);}
     .sub-paginas {border-left: 2px solid var(--azul-qua); border-right: 0;}
     header .conteudo .info .link { font-size: 13px; }
     header::after {top:72px}
}

@media (max-width: 990px) {
     .all-links {position: static; display: none;}
     .sub-paginas .sub-agrupa-paginas:hover ~ .sub-sub-paginas, .sub-paginas .sub-sub-paginas:hover {display: none;}

     header .conteudo .info .pagina .agrupa-paginas:hover ~ .sub-paginas, header .conteudo .info .pagina .sub-paginas:hover {opacity: 1; z-index: 1; display: none;}

     header .conteudo .info .pagina a:hover {background: var(--azul);}
     .pagina .mb-seta {display: flex; position: absolute; z-index: 10;  border-top: 12px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; transform: rotate(-90deg); transition: 0.3s; right: 10px;}
     .pagina .mb-seta.ativo, .pagina .mb-seta.ativo-sub {transform: rotate(-0deg);}

     .agrupa-paginas {display: flex; justify-content: space-between; width: 100%; align-items: center;}
     .sub-paginas .sub-agrupa-paginas {display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative;} 
     header .conteudo .info .pagina .sub-pagina {padding: 12px 30px 10px;}
     .sub-sub-paginas {transition: unset; display: none;}
     .sub-paginas {transition: unset; display: block;}
     .sub-paginas, .sub-sub-paginas {position: static; opacity: 1; background: unset;}
     header .conteudo .info .pagina a {display: flex; flex-direction: row; width: 100%; justify-content: space-between;}
     .sub-sub-paginas {padding: 10px 0 10px 25px; width: 100%;}

     header::after {content: none;}

     header .menu {position: fixed; width: 100%;; height: 100vh; right: 100%; top: 0; background: #00000046; display: flex; align-items: flex-start; transition: 0.4s;}
     header .menu.open {right: 0; z-index: 1;}
     header .conteudo .info .paginas ul {flex-direction: column;height: 100%; background: #03304b; padding: 20px; justify-content: flex-start; gap: 5px;position: relative; z-index: 99999;}
     header .conteudo .info .pagina a, header .conteudo .info .pagina > p {padding: 8px 20px 10px; color: var(--branco);font-size: 18px;}
     header .conteudo .info .pagina::before {transform: scaleX(1) scaleY(0); width: 5px; height: 100%}
     header .conteudo .info .pagina:hover::before, header .conteudo .info .pagina.ativo::before {transform: scaleY(1);}
     header .sub-conteudo, header .conteudo .info .paginas {height: 100%; width: 100%; position: relative; z-index: 99999;}

     header .logo-menu {display: flex; background: #03304b; padding: 20px;}
     header .logo-menu .img {width: 140px; height: auto;}
     header .logo-menu .img img {width: 100%; height: 100%; object-fit: contain;}
     header .conteudo .info .paginas ul::before {content: none;}

     header .btn-mob.open {display: grid; gap: 6px; transition: 0.2s;}
     header .btn-mob.open:hover {gap: 4px;}
     header .btn-mob.open span {width: 38px; height: 7px; background-color: var(--branco); transition: 0.4s;}
     header .btn-mob.open span:first-child {border-radius: 3px 3px 0 0;}
     header .btn-mob.open span:last-child {border-radius: 0 0 3px 3px;}

     header .btn-mob.close {width: 12%; height: 97px; padding: 10px; display: flex; justify-content: center; align-items: center; background: #03304b; position: relative;}
     header .btn-mob.close span {width: 45%; height: 4px; background-color: var(--vermelho); position: absolute;}
     header .btn-mob.close span:first-child {transform: rotate(45deg);}
     header .btn-mob.close span:last-child {transform: rotate(-45deg);}


     header {padding: 20px 0;}
     header .conteudo {justify-content: stretch; gap: 15px;}
     header .conteudo .info {width: auto; flex: 0 0 48px; margin: 0 0 0 auto; padding: 0;}
     header .conteudo .info .link.link.email, header .conteudo .info .redes .instagram, header .conteudo .info .link .titulo {display: none;}
     header .conteudo .info .links {justify-content: flex-end; flex-direction: row-reverse; gap: 10px;}
     header .conteudo .info .link.telefone {padding: 0; border-radius: 100%; animation: linear 1s infinite alternate scalein;}
     header .conteudo .info .link.email { display: none; }
     header .conteudo .info .link.telefone:hover {background: var(--preto);}
     header .conteudo .info .link.telefone .icone {display: flex; justify-content: center; align-items: center; width: 35px;}
     header .conteudo .logo {min-width: auto;}
     header .conteudo .info .link.telefone .icone svg {width: 100%; height: 100%}
     header .conteudo .info .link.whatsapp:first-child {display: none;}
     header .conteudo .info .link.barbearia {display: none;}
     header .conteudo .info .pagina.mobile {display: flex;}
     header { overflow: unset; }
     header .pagina.barbearia { display: list-item !important; }
}

@media (max-width: 500px) {
     header .btn-mob.close span {width: 65%;}
}