.bottom.mobile {visibility: hidden; position: fixed; left: -100%; top: 50%; transform: translate(-50%, -50%); transition: var(--transition2); background: #00000099; width: 100%; height: 100%; z-index: 999;}
.bottom.mobile .menu {display: flex;position: relative; flex-direction: column; gap: 20px; background-color: var(--branco); height: 100%; width: calc(100% - var(--close-btn));}
.bottom.mobile .menu .close-btn {position: absolute; right: calc(var(--close-btn) * -1); aspect-ratio: 1/1; width: var(--close-btn); height: auto; background-color: red; display: flex; color: var(--branco); justify-content: center; align-items: center; font: 700 20px montserrat; cursor: pointer; }
.header-bg{box-shadow: 1px -1px 4px 0px black;}
.header {display: flex;gap: 3.125rem; height: 100%; position: relative; }
.header .logo {display: grid; place-items: center;}
.header .nav-bar {display: flex; flex-direction: column; width: 100%;white-space: nowrap;}
.header .nav-bar > .bottom {height: 82px;}
.header .nav-bar > .bottom .paginas {display: flex; align-items: center;height: 100%; justify-content: space-between;}
.header .nav-bar > .bottom .paginas .pagina-parent {height: 100%;display: flex; align-items: center; justify-content: center; cursor: pointer; }
/* .header .nav-bar > .bottom > .paginas > .pagina-parent.ativo > .pagina p {font-weight: 700;} */
.header .nav-bar > .bottom > .paginas > .pagina-parent > .pagina::after {content: ''; position: absolute; width: 0;transition: var(--transition2); height: 7px; bottom: -3px;left: 50%; transform: translate(-50%, -50%); background: #0085AC;}
/* .header .nav-bar > .bottom .paginas .pagina-parent::after {content: ''; position: absolute; width: 0;transition: var(--transition2); height: 7px; bottom: -3px;left: 50%; transform: translate(-50%, -50%); background: #0085AC;} */
.header .nav-bar > .bottom .paginas .pagina-parent:hover > .pagina::after,
.header .nav-bar > .bottom .paginas .pagina-parent.ativo > .pagina::after { width: 100%; }
.header .nav-bar > .bottom .paginas .pagina {height: 100%; display: grid; place-items: center; position: relative; }
.header .nav-bar > .bottom .paginas .pagina-parent:hover .pagina .hover {width: 100%}
.header .nav-bar > .bottom .paginas .conteudo .pagina-parent::after, 
.header .nav-bar > .bottom .paginas .conteudo .pagina-parent .hover {display: none;}
.header .nav-bar > .bottom .paginas .conteudo {display: flex; flex-wrap: wrap;}
.header .nav-bar > .bottom .paginas .conteudo > .pagina-parent {flex: 1 1 calc(16.6% - 20px); padding: 40px 0;}
/* .header .nav-bar > .bottom .paginas .conteudo > .pagina-parent:nth-child(7) {flex: 1 1 calc(20% - 20px); justify-content: flex-end; padding-right: 40px;} */
/* .header .nav-bar > .bottom .paginas .conteudo > .pagina-parent:last-child {flex: 1 1 calc(20% - 20px); justify-content: flex-start; padding-left: 40px;} */
.header .nav-bar > .bottom .paginas > .pagina-parent.carta-verde-header .conteudo > .pagina-parent:last-child {padding-left: 0; justify-content: center;}
.header .nav-bar > .bottom .paginas .conteudo > .pagina-parent .pagina {display: flex; flex-direction: column; text-align: center; justify-content: space-between;}
.header .nav-bar > .bottom .paginas .conteudo > .pagina-parent .pagina p {color: var(--branco);} 
.header .nav-bar > .bottom .paginas .conteudo > .pagina-parent .pagina .seguro-img {width: 100%; height: 100%; object-fit: contain;}
.header .nav-bar > .bottom .paginas .conteudo > .pagina-parent .pagina .seguro-img img{object-fit: contain; width: 100%; height: 100%; width: 64px; height: 64px;}
.header .nav-bar > .bottom .paginas .conteudo > .pagina-parent .pagina .seguro-img svg{object-fit: contain; width: 64px; height: 64px;}

.header .nav-bar > .bottom .paginas > .pagina-parent > .conteudo {position: absolute; width: 100%; top: 100%; left: 0; display: flex; background: #0085AC; z-index: 9999;}
.header .nav-bar > .bottom .paginas > .pagina-parent > .conteudo.hidden {display: none;}
.header .pagina-parent.seguro-veicular-header > ul {position: absolute; left: -100%; pointer-events: none; height: 100%; width: 100%; display: flex; flex-direction: column; visibility: hidden; transition: var(--transition2);}
.header .pagina-parent.seguro-veicular-header:hover > ul {left: 0; pointer-events: all; visibility: visible;background: #0085AC;}
.header .nav-bar > .bottom  .pagina-parent.seguro-veicular-header > ul > .pagina-parent .pagina{display: flex; align-items: center; justify-content: center;}
.header .nav-bar > .bottom .paginas .pagina > .default {  box-sizing: border-box; }
.header .nav-bar > .bottom .paginas .pagina > * {font: 400 1rem roboto;}
.header .nav-bar > .bottom .paginas .pagina .hover {overflow: hidden; width: 0; position: absolute; left: 0%; top: 37%; color: var(--preto); transition: width .5s ease-in-out; white-space: nowrap; font-weight: 700;}
.header .nav-bar > .top {display: flex; justify-content: space-between; position: relative;}
.header .nav-bar > .top::before {content: ''; position: absolute; z-index: -1; background: #2B2B2B;width: calc(100vw - var(--width) + 105.6% - (100vw - var(--width)) / 2 - var(--scrollbarWidth) + var(--scrollbarWidth) / 2); height: 100%;} 
.header .nav-bar > .top > .left > * {display: flex; align-items: center; justify-content: center; color: var(--branco); gap: 12px;}
.header .nav-bar > .top > .left a > p {font: 400 1.125rem / 1.375rem montserrat;}
.header .nav-bar > .top > .left a > p b {font-weight: 700;}
.header .nav-bar > .top > .left a.email > p {font: 300 1rem roboto;}
.header .nav-bar > .top picture {background: #0085AC; width: 42px; aspect-ratio: 1/1; height: auto; display: flex; justify-content: center; align-items: center;}
.header .nav-bar > .top > .left .whats-href picture {background: #8CBE66;}
.header .nav-bar > .top > .redes-sociais > a {display: flex; align-items: center; justify-content: center;}
.header .nav-bar > .top > * {display: flex; align-items: center; justify-content: center; gap: 10px;}
.header .nav-bar > .top > .left {gap: 40px;}
.header .bx {display: none; content: ''; position: relative; width: 25px; height: 3px; background: var(--preto);}
.header .bx::after,
.header .bx::before {content: ''; position: absolute; right: 0; width:100%; height: 3px; background: var(--preto);}
.header .bx::after {top: 7px}
.header .bx::before {top: -7px;}
.header .paginas > .pagina-parent > .conteudo .pagina-parent .pagina .seguro-img, 
.header .paginas > .pagina-parent > .conteudo .pagina-parent .pagina p{transition: var(--transition2);}
.header .right .telefone {display: none;}
.header .paginas > .pagina-parent > .conteudo .pagina-parent:hover .pagina .seguro-img {opacity: .8;}
.header .paginas > .pagina-parent > .conteudo > .pagina-parent:hover > a > div > .default,
.header .paginas > .pagina-parent > .conteudo > .pagina-parent .pagina-parent:hover .pagina .default {color: #acacac;}

.paginas .seguro-img .e909848d-a287-44dc-aaa9-df5764b0573f,
.paginas .seguro-img .f4082386-f2c3-4f02-8aa1-9cf7531fd9ac,
.paginas .seguro-img .a9a9a57b-e3ef-4e29-859d-c52174ccb0b6,
.paginas .seguro-img .eba16909-4116-4069-94d5-1eed7e4f918c,
.paginas .seguro-img .fef032e8-0ad8-44f4-b6cd-f1727699525a,
.paginas .seguro-img .b875f6c7-7def-4c52-aa41-74cbbf6f23c6  {stroke: #fff; transition: var(--transition2);}

.paginas .seguro-img .f78944c0-8b8a-4832-b081-89e8f7efe8af,
.paginas .seguro-img .b4d92a0c-84f9-42fd-8cd0-dbded780dfe2,
.paginas .seguro-img .bd245d6d-76e7-454a-9d53-b6a917231e16,
.paginas .seguro-img .b5ac23f3-9ccd-4716-a1c1-f96cf556029f,
.paginas .seguro-img #fill-svg,
.paginas .seguro-img .e9abf139-ce7c-487c-9e8d-79c537d2e440,
.paginas .seguro-img .bb4338aa-d5ed-4858-a986-8e6d5bad05eb {fill: #fff; transition: var(--transition2);}




.header .pagina-parent.seguro-veicular-header {position: relative; overflow: hidden;}
.header .pagina-parent.seguro-veicular-header .conteudo {position: absolute; pointer-events: none;}


.bottom.mobile .pagina-parent.seguro-veicular-header > .pagina {font-weight: 600;}
.bottom.mobile .pagina-parent.seguro-veicular-header > .conteudo .pagina {padding-left: 35px;}
@media(max-width: 1300px){
 .header .nav-bar > .top > .left a.email > p,
 .header .nav-bar > .top > .left a > p b {font-size: 0.8375rem;}
 .header .nav-bar > .top > .left {gap: 17px;}
}

@media(max-width: 990px) {
 .header .nav-bar {display: none;}
 .header {padding: 20px 0; position: relative; justify-content: space-between;}
 .header .right {display: flex; align-items: center; gap: 20px;}
 .header .right .telefone {display: flex; align-items: center; gap: 5px;}
 .header .right .telefone svg path{fill: #000 !important;}
 .header .bx {display: block;}
 .bottom.mobile.ativo {visibility:visible; left: 50%;}
 .bottom.mobile .logo {display: flex; align-items: center; justify-content: center;}
 .bottom.mobile .paginas > .pagina-parent { display: flex; flex-direction: column; box-sizing: border-box; border-top: 1px solid #2B2B2Baa;}
 .bottom.mobile .paginas > .pagina-parent > .pagina {height: 40px; box-sizing: border-box;}
 .bottom.mobile .paginas > .pagina-parent:last-child {border-bottom: 1px solid #2B2B2Baa;}
 .bottom.mobile .paginas > .pagina-parent.ativo {background-color: #2B2B2B; color: var(--branco);}
 .bottom.mobile .paginas .pagina {font: 400 16px montserrat; padding-left: 20px; width: 100%; height: 100%; display: flex; align-items: center;}
 .bottom.mobile .paginas .conteudo {display: none;}
 .bottom.mobile .paginas {display: flex; flex-direction: column;}

 .bottom.mobile .paginas > .pagina-parent > div {position: relative;}
 .bottom.mobile .paginas > .pagina-parent > div::after,
 .bottom.mobile .paginas > .pagina-parent > div::before {content: ''; position: absolute; right: 20px; top: 50%; background: var(--preto); width: 15px; height: 3px; transition: var(--transition2);}
 .bottom.mobile .paginas > .pagina-parent > div::before {rotate: 90deg;}

 .bottom.mobile .paginas > .pagina-parent.ativo > div::after,
 .bottom.mobile .paginas > .pagina-parent.ativo > div::before {background: var(--branco);}
 .bottom.mobile .paginas > .pagina-parent > .conteudo {background: var(--branco); color: var(--preto);}
 .bottom.mobile .paginas > .pagina-parent > div.pagina.ativo::before, 
 .bottom.mobile .paginas > .pagina-parent > div.pagina.ativo::after {rotate: 360deg;} 

 .bottom.mobile .paginas > .pagina-parent > .conteudo .pagina-parent {padding: 5px 0; border-bottom: 1px solid #2B2B2B33;}
 .bottom.mobile .paginas > .pagina-parent > .conteudo .pagina-parent .pagina { font-size: 13px;}
 .bottom.mobile .paginas > .pagina-parent > .conteudo .pagina-parent:first-child {border-top: 1px solid #2B2B2B33;}
 .bottom.mobile .paginas > .pagina-parent > .conteudo .pagina-parent:last-child {border-bottom: none;}

 .bottom.mobile .paginas > .pagina-parent > .conteudo .pagina-parent.ativo {position: relative;}
 .bottom.mobile .paginas > .pagina-parent > .conteudo .pagina-parent.ativo::after {content: ''; position: absolute; left: 10px; background: #0085AC; width: 5px; aspect-ratio: 1/1; height: auto; border-radius: 50%; top: 50%; transform: translate(-50%, -50%);}
 }