.navbar a.pill-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.navbar .pill-btn{white-space:nowrap}
.navbar .nav-mobile-toggle{border:0;background:transparent;padding:0;color:inherit}
.navbar :focus-visible{outline:3px solid #ff4a24;outline-offset:4px}
#experiencia,#portfolio{scroll-margin-top:100px}
@media(min-width:1101px){
 body .navbar.is-scrolled,body:has(.hero.is-tripping) .navbar.is-scrolled{--text-color:#000;--bg-color:#fff;background:#fff;border-bottom:1px solid #dedede;padding:14px 32px}
 body .navbar.is-scrolled .pill-btn.outline,body:has(.hero.is-tripping) .navbar.is-scrolled .pill-btn.outline{background:#fff;color:#000;border-color:#000}
 body .navbar.is-scrolled .pill-btn.solid{background:#000;color:#fff;border-color:#000}
}
@media(max-width:1100px){
 body .navbar,body:has(.hero.is-tripping) .navbar{--text-color:#000;--bg-color:#fff;display:grid;grid-template-columns:1fr auto;gap:0 20px;padding:12px 24px;min-height:68px;height:auto;align-items:center;background:#fff;border-bottom:1px solid #dedede;pointer-events:auto;transform:none;filter:none;animation:none}
 body .navbar .nav-mobile-toggle{display:block;grid-column:2;grid-row:1;width:44px;height:44px;margin:0;position:relative;z-index:auto;cursor:pointer}
 body .navbar .hamburger,body .navbar .hamburger::before,body .navbar .hamburger::after,body:has(.hero.is-tripping) .navbar .hamburger,body:has(.hero.is-tripping) .navbar .hamburger::before,body:has(.hero.is-tripping) .navbar .hamburger::after{background:#000;width:24px;height:2px;left:10px}
 body .navbar .hamburger::before,body .navbar .hamburger::after{left:0}
 body .navbar .nav-left{display:none;position:static;grid-column:1/-1;grid-row:2;width:auto;padding:12px 0 8px;gap:8px;background:transparent;transform:none;opacity:1;visibility:visible;align-items:stretch;flex-direction:column;transition:none}
 body .navbar .nav-right{display:flex;position:static;grid-column:1;grid-row:1;width:auto;justify-self:start;padding:0;background:transparent;transform:none;opacity:1;visibility:visible;transition:none}
 body .navbar.menu-open{height:auto;max-height:100svh;overflow-y:auto;align-items:center}
 body .navbar.menu-open .nav-left{display:flex}
 body .navbar .pill-btn,body:has(.hero.is-tripping) .navbar .pill-btn{font-size:11px;line-height:1.2;letter-spacing:1px;padding:12px 18px;min-height:44px;box-shadow:none;animation:none;filter:none;transform:none}
 body .navbar .pill-btn.outline,body:has(.hero.is-tripping) .navbar .pill-btn.outline{background:#fff;color:#000;border:1px solid #000}
 body .navbar .pill-btn.solid,body:has(.hero.is-tripping) .navbar .pill-btn.solid{background:#000;color:#fff;border:1px solid #000}
 body .navbar .pill-btn:hover,body:has(.hero.is-tripping) .navbar .pill-btn:hover{background:#e9e9e9;color:#000;transform:none}
 body .navbar.menu-open .hamburger,body:has(.hero.is-tripping) .navbar.menu-open .hamburger{background:transparent}
 body .navbar.menu-open .hamburger::before{transform:translateY(8px) rotate(45deg)}
 body .navbar.menu-open .hamburger::after{transform:translateY(-8px) rotate(-45deg)}
}
@media(max-width:480px){body .navbar,body:has(.hero.is-tripping) .navbar{padding:10px 20px}}