.navbar{z-index:100;transition:background var(--transition), box-shadow var(--transition);padding-top:env(safe-area-inset-top);position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.navbar--scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--gris-borde);background:#060608eb;box-shadow:0 4px 32px #00000080}.navbar__container{justify-content:space-between;align-items:center;max-width:1280px;height:68px;margin:0 auto;padding:0 32px;display:flex}.navbar__logo{font-family:var(--font-display);color:var(--blanco);letter-spacing:4px;text-transform:uppercase;align-items:center;font-size:20px;font-weight:900;text-decoration:none;display:flex}.navbar__logo-img{filter:invert(16%)sepia()saturate(5000%)hue-rotate(348deg)brightness(.95);width:auto;height:80px;display:block}.navbar__links{align-items:center;gap:4px;list-style:none;display:flex}.navbar__links li a,.navbar__links li .navbar__link{color:var(--gris-texto);letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);padding:8px 14px;font-size:11px;font-weight:600;text-decoration:none;display:block;position:relative}.navbar__links li a:hover,.navbar__links li .navbar__link:hover{color:var(--blanco);background:var(--blanco-dim)}.navbar__links li .navbar__link--active{color:var(--blanco)}.navbar__links li .navbar__link--active:after{content:"";background:var(--rojo);width:4px;height:4px;box-shadow:0 0 6px var(--rojo);border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar__links .navbar__cta a,.navbar__links .navbar__cta .navbar__link{background:var(--rojo);color:var(--blanco)}.navbar__links .navbar__cta a:hover,.navbar__links .navbar__cta .navbar__link:hover{background:var(--rojo-vivo);box-shadow:0 0 16px var(--rojo-glow)}.navbar__links .navbar__cta .navbar__link--active:after{display:none}.navbar__burger{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.navbar__burger span{background:var(--blanco);transform-origin:50%;border-radius:2px;height:2px;transition:transform .3s,opacity .3s,width .3s;display:block}.navbar--open .navbar__burger span:first-child{transform:translateY(7px)rotate(45deg)}.navbar--open .navbar__burger span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar--open .navbar__burger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--gris-borde);background:#060608f7;max-height:0;padding:16px 0 24px;transition:max-height .35s cubic-bezier(.4,0,.2,1);display:none;overflow:hidden}.navbar__mobile ul{flex-direction:column;gap:2px;max-width:1280px;margin:0 auto;padding:0 24px;list-style:none;display:flex}.navbar__mobile ul li a{color:var(--gris-texto);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--gris-borde2);transition:color var(--transition);padding:14px 0;font-size:20px;font-weight:700;text-decoration:none;display:block}.navbar__mobile ul li:last-child a{color:var(--rojo);border-bottom:none}.navbar__mobile ul li a:hover{color:var(--blanco)}.navbar__mobile ul li .navbar__mobile-active,.navbar__mobile ul li a.navbar__mobile-active{color:var(--blanco);border-bottom-color:#e8000d4d}@media (width<=768px){.navbar__links{display:none}.navbar__burger{display:flex}.navbar__mobile{display:block}.navbar__container{padding:0 16px}.navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gris-borde);background:#060608f5}.navbar--open .navbar__mobile{max-height:400px}.navbar__logo-img{height:48px}.navbar__mobile ul li a{padding:16px 0;font-size:18px}}
