*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",sans-serif;}:root{--principalColor:rgb(91,6,114);--secundaryColor:rgb(194,158,254);--thirdColor:rgb(138,11,210);--backColor:rgb(242,233,254);--colorWhite:rgb(255,255,255);--colorBlack:rgb(0,0,0);}.containerNav{width:100%;height:90px;display:flex;align-items:center;position:fixed;top:0;z-index:10;background-color:var(--principalColor);-webkit-box-shadow:0px 3px 13px 0px rgba(24,24,24,0.75);-moz-box-shadow:0px 3px 13px 0px rgba(24,24,24,0.75);box-shadow:0px 3px 13px 0px rgba(24,24,24,0.75);}.logoHead{width:auto;height:99%;margin:0px 3.5% 0px 5%;}.logoHead img{width:100%;height:100%;object-fit:contain;}.containerUl{width:100%;height:auto;display:flex;list-style:none;align-items:center;justify-content:start;gap:50px;}.itemLink{text-decoration:none;color:var(--colorWhite);font-size:clamp(1.25rem,0.839rem + 0.7071vw,1.6875rem);font-weight:750;border-bottom:1px solid transparent;transition:color 0.7s ease,border-bottom-color 0.7s ease;}.itemLink:hover{border-bottom:1px solid rgb(255,255,255);}.subMenu{display:none;cursor:pointer;}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:var(--colorWhite);}.subMenu.scrolled .bar{background-color:var(--colorWhite);}.fixed-header{width:100%;height:90px;display:flex;align-items:center;position:fixed;top:0;z-index:10;background-color:var(--principalColor);-webkit-box-shadow:0px 3px 13px 0px rgba(24,24,24,0.75);-moz-box-shadow:0px 3px 13px 0px rgba(24,24,24,0.75);box-shadow:0px 3px 13px 0px rgba(24,24,24,0.75);}.logoHead.secondLogo{display:none;}.logoHead.scrolled{display:none;}.logoHead.secondLogo.scrolled{display:block;}.itemLink.scrolled{color:var(--colorWhite);}@media(max-width:930px){.containerNav{height:70px;}.containerUl{width:100%;display:none;flex-direction:column;position:absolute;top:100%;background-color:var(--principalColor);text-align:center;gap:20px;padding:20px 0;}.containerUl.active{display:flex;}.subMenu{display:block;position:absolute;right:10%;}.subMenu.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg);}.subMenu.active .bar:nth-child(2){opacity:0;}.subMenu.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);}.logoHead{margin:0 10%;}.itemLi{width:100%;padding:10px 0;}.itemLink{color:var(--colorWhite);}.itemLink.scrolled{color:var(--colorWhite);}.bar{background-color:var(--colorWhite);}.subMenu.scrolled .bar{background-color:var(--colorWhite);}}