/* La isla de Inicio, compartida y acotada a la navegación. */
html{scroll-padding-top:100px}
.sylar-nav{position:sticky;z-index:80;top:14px;display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);width:min(1140px,calc(100% - 32px));min-height:62px;margin:14px auto 0;padding:8px 10px 8px 24px;box-sizing:border-box;border:1px solid #ffffffb3;border-radius:999px;background:#ffffff94;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 #ffffff8c,0 10px 34px #4c1d9514;transition:background .22s,box-shadow .22s;font-family:Geist,system-ui,sans-serif;line-height:1.4;color:#1e1b4b}
.sylar-nav.is-scrolled{background:#ffffffed;box-shadow:inset 0 1px 0 #ffffff8c,0 18px 50px #4c1d9521}
.sylar-nav a{text-decoration:none;white-space:nowrap;letter-spacing:normal}
.sylar-nav-brand{display:inline-flex;align-items:center;min-height:44px;flex:none}
.sylar-nav-brand img{display:block;width:auto;height:16px;max-width:100%}
.sylar-nav nav{display:flex;align-items:center;gap:2px;margin-right:auto}
.sylar-nav nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 11px;border-radius:999px;color:#5a5878;font-size:14px;font-weight:500;transition:background .22s,color .22s}
.sylar-nav nav a:hover,.sylar-nav nav a[aria-current=page]{background:#7c3aed14;color:#1e1b4b}
.sylar-nav-demo i{width:3.5px;height:3.5px;flex:none;border-radius:50%;background:#0891b2;box-shadow:0 0 0 3px #0891b21f;opacity:.7}
.sylar-nav nav .sylar-nav-demo:hover,.sylar-nav nav .sylar-nav-demo[aria-current=page]{background:#0891b217}
.sylar-nav-action,.sylar-nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none;padding:0 18px;border-radius:999px;font-weight:600;box-sizing:border-box}
.sylar-nav-action{border:0;background:#7c3aed;color:#fff!important;font-size:13.5px;box-shadow:inset 0 1px 0 #ffffff47,0 8px 24px #7036ff33}
.sylar-nav-action:hover{background:#6d28d9}
.sylar-nav-login{border:1px solid #1e1b4b21;background:#ffffffa8;color:#3e3b66;font-size:14px}
.sylar-nav-login:hover{border-color:#1e1b4b3d;color:#1e1b4b}
.sylar-nav-menu{display:none}
.sylar-nav [hidden]{display:none!important}
.sylar-nav a:focus-visible,.sylar-nav button:focus-visible{outline:3px solid #6935ce;outline-offset:3px}
@media(min-width:768px) and (max-width:1099px){html{scroll-padding-top:145px}.sylar-nav{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"brand action login" "links links links";gap:0 12px;border-radius:26px;padding:8px 12px 6px 22px}.sylar-nav-brand{grid-area:brand}.sylar-nav-action{grid-area:action}.sylar-nav-login{grid-area:login}.sylar-nav nav{grid-area:links;justify-content:space-between;margin:0;gap:0}.sylar-nav nav a{padding:0 12px}}
@media(max-width:767px){
 html{scroll-padding-top:90px}
 .sylar-nav{top:10px;width:calc(100% - 20px);min-height:58px;margin-top:10px;padding:8px 10px 8px 18px;flex-wrap:wrap;gap:8px;border-radius:26px;max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}
 .sylar-nav[data-enhanced=true]:not([data-open=true]){border-radius:999px}
 .sylar-nav-brand img{height:14px}
 .sylar-nav-login{order:2;margin-left:auto;font-size:13px;padding-inline:14px}
 .sylar-nav-menu{position:relative;order:3;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-left:2px;padding:0;border:1px solid #1e1b4b21;border-radius:50%;background:#ffffffa8;font-size:0;color:transparent;cursor:pointer}
 .sylar-nav-menu::before,.sylar-nav-menu::after{position:absolute;left:12px;width:18px;height:1.5px;background:#1e1b4b;content:"";transition:transform .22s,top .22s}
 .sylar-nav-menu::before{top:17px}.sylar-nav-menu::after{top:24px}
 .sylar-nav-menu[aria-expanded=true]::before{top:21px;transform:rotate(45deg)}.sylar-nav-menu[aria-expanded=true]::after{top:21px;transform:rotate(-45deg)}
 .sylar-nav nav{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:8px 4px 10px;gap:2px 6px;border-top:1px solid #1e1b4b12}
 .sylar-nav nav a{min-height:48px;white-space:normal;padding:0 12px;border-radius:14px;font-size:14px}
 .sylar-nav-action{order:5;width:100%}
 .sylar-nav[data-enhanced=true]:not([data-open=true]) nav,.sylar-nav[data-enhanced=true]:not([data-open=true]) .sylar-nav-action{display:none}
}
@media(max-width:350px){.sylar-nav{gap:6px;padding-left:14px}.sylar-nav-brand img{height:12px}.sylar-nav-login{font-size:12px;padding-inline:10px}.sylar-nav-menu{margin-left:0}}
@media(prefers-reduced-motion:reduce){.sylar-nav,.sylar-nav *,.sylar-nav *::before,.sylar-nav *::after{transition:none!important}}