.header{align-items:center;background:var(--color-black);display:flex;justify-content:space-between;padding:.5rem 1rem;position:sticky;top:0;z-index:9;@media (min-width:768px){align-items:center;flex-direction:row;justify-content:space-between}.logo-search{align-items:center;display:flex;gap:10px;position:relative;input{border:none;border-radius:20px;min-width:270px;outline:none;padding:.5rem 1rem;&::placeholder{color:var(--color-gray-4);font-size:smaller}}.btn-search{background:none;border:none;outline:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}}.navigation{max-width:100%;.menu{background:var(--color-black);display:none;flex-direction:column;height:fit-content;list-style:none;position:absolute;right:0;top:100%;width:100%;z-index:9;&.show{display:flex}@media (min-width:768px){display:flex;flex-direction:row;gap:8px;position:relative;right:unset;top:unset}.item-menu{color:var(--color-white);position:relative;text-align:left;@media (min-width:768px){text-align:center}.menu-anchor{color:currentColor;display:block;padding:.5rem 1rem;position:relative;text-decoration:none;white-space:nowrap;&:after{background-color:currentColor;bottom:0;content:"";height:1px;left:1rem;position:absolute;transform:translateX(0);transition:width .3s ease-in-out;width:0;@media (min-width:1024px){left:50%;transform:translateX(-50%)}}&:hover:after{width:45%}}.submenu{display:none;flex-direction:column;list-style:none;padding:.2rem 1.4rem;li{display:block;padding-left:8px}@media (min-width:768px){display:none}}}}}}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;position:relative}.hamburger span{background-color:var(--color-white);height:3px;transition:all .5s ease;width:25px}.navigation.show .hamburger span:first-child{position:absolute;top:50%;transform:rotate(45deg) translateY(-100%)}.navigation.show .hamburger span:nth-child(2){opacity:0}.navigation.show .hamburger span:last-child{position:absolute;top:-50%;transform:rotate(-45deg) translateY(100%)}@media (min-width:768px){.hamburger{display:none}}