.header{padding:10px 20px;justify-content:space-between;width:100%;position:relative;z-index:100}.box-logo-nav,.header{display:flex;align-items:center}.box-logo-nav{justify-content:flex-start;gap:50px}.box-login{justify-content:flex-end}.box-login,.box-login>nav{display:flex;align-items:center}.box-login>nav{gap:10px}.avatar-usuario{margin-left:10px;display:none}.avatar-usuario.signed-in{display:block}.header .logo{font-size:25px}.header .logo,.header .nav a{font-weight:700;color:var(--text-color);white-space:nowrap}.header .nav a{margin:0 0 0 7px;padding:10px 20px;border-radius:7px;transition:background-color .3s ease}.header .nav a:hover{background-color:#efefef}.btn-create-account{border:2px solid transparent;background-image:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);background-origin:border-box;background-clip:border-box;border-radius:6px;padding:10px 20px;color:#fff!important;cursor:pointer;font-weight:700;transition:background-image .3s ease}.btn-create-account:hover{background-image:linear-gradient(135deg,#33b0e2,#1e7eec 20%,#8e5be0 80%)}.btn-login{color:#353535!important;font-weight:700;letter-spacing:.5px;border:2px solid #efefef;cursor:pointer;transition:background-color .3s ease}.btn-login:hover{background-color:#efefef!important}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.hamburger span{width:25px;height:3px;background-color:var(--text-color);transition:all .3s ease;border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000;padding-top:80px}.mobile-menu.open{right:0}.mobile-nav{display:flex;flex-direction:column;padding:20px;gap:10px}.mobile-nav a{color:var(--text-color);padding:15px 20px;border-radius:7px;font-weight:700;text-align:center;transition:background-color .3s ease}.mobile-nav a:hover{background-color:#efefef}.mobile-auth{display:flex;flex-direction:column;gap:10px;margin-top:20px;align-items:center}.mobile-auth .btn-create-account,.mobile-auth .btn-login{width:100%;text-align:center}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:999}@media (max-width:1087px){.box-logo-nav{gap:30px}.header .nav a{padding:8px 12px;font-size:14px}.btn-create-account,.btn-login{padding:8px 15px;font-size:14px}}@media (max-width:768px){.header{padding:10px 15px}.box-login-desktop,.nav-desktop{display:none}.hamburger{display:flex}.mobile-menu.open~.overlay{display:block}.box-logo-nav{gap:0}}@media (max-width:480px){.header .logo{font-size:20px}.mobile-menu{width:100%;right:-100%}.mobile-menu.open{right:0}}.box-btn-action{width:100%;display:flex;justify-content:center;padding-bottom:100px}.btn-action{transition:all .3s ease-in-out;font-family:Sora,sans-serif!important;max-width:100%;height:auto;padding:30px 100px;border-radius:50px;background-image:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);box-shadow:0 20px 30px -6px rgba(131,97,226,.521);outline:none;cursor:pointer;border:none;font-size:30px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase}.btn-action:hover{transform:translateY(3px);box-shadow:none}.btn-action:active{opacity:.5}@media (max-width:768px){.btn-action{font-size:4vw;padding:4vw 7vw}.box-btn-action{padding-bottom:85px}}@media (max-width:480px){.btn-action{font-size:4.5vw;padding:5vw 9vw}.box-btn-action{padding-bottom:70px}}footer{background:linear-gradient(135deg,#293545,#334155);color:#ececec;padding:20px;text-align:center;border-top:1px solid hsla(0,0%,100%,.144)}footer div{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}footer a{margin:0 10px;color:#ececec;text-decoration:none;font-size:16px}footer a:hover{text-decoration:underline}@media (max-width:768px){footer a{margin:5px;font-size:15px}}@media (max-width:480px){footer{font-size:14px}footer a{margin:8px 0}}