header{width:100%}header img{max-height:80px}header #menu-principal{position:relative}header #menu-principal ul{display:flex;gap:70px;width:100%;align-items:center;justify-content:center;height:60px}@media (max-width:1400px){header #menu-principal ul{gap:60px}}@media (max-width:1200px){header #menu-principal ul{gap:20px}}header #menu-principal ul::before,header #menu-principal ul::after{content:"";position:absolute;left:-50%;width:200%;height:1px;background:#d1dde7}header #menu-principal ul::before{top:0}header #menu-principal ul::after{bottom:0}header #menu-principal ul li{position:relative;text-transform:uppercase;font-size:14px;font-weight:500;height:100%}header #menu-principal ul li a{height:100%;display:flex;align-items:center;font-size:12px;letter-spacing:2.4px}@media (max-width:1400px){header #menu-principal ul li a{font-size:11px}}@media (max-width:1200px){header #menu-principal ul li a{font-size:10px}}header #menu-principal ul li::before{content:"";position:absolute;top:26px;left:-38px;width:6px;height:6px;border-radius:2px;background:var(--blue)}@media (max-width:1200px){header #menu-principal ul li::before{display:none}}header #menu-principal ul li:first-child::before{display:none}header #menu-principal .underline{position:absolute;bottom:0;height:4px;background:var(--blue);transition:all 0.3s ease;width:0;left:0}