/* Shared Interamerica navigation — v23, flat editorial links. */
:root { --nav:82px; }
html { scroll-padding-top:calc(var(--nav) + 18px); }
.site-nav { --nav-ink:#080b24; --nav-white:#fbfcff; --nav-signal:#8deaff; --nav-ultraviolet:#5669ff; position:fixed; inset:0 0 auto; z-index:100; height:var(--nav); color:var(--nav-white); background:rgba(8,11,36,.97); border-bottom:1px solid rgba(255,255,255,.14); backdrop-filter:blur(14px); }
.site-nav, .site-nav *, .site-nav *::before, .site-nav *::after { box-sizing:border-box; }
.site-nav a { color:inherit; text-decoration:none; }
.site-nav a:focus-visible { outline:2px solid var(--nav-signal); outline-offset:3px; }
.site-nav-bar { width:min(calc(100% - 48px),1240px); height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-nav-brand { flex:none; display:flex; align-items:center; }
.site-nav-brand img { display:block; width:205px; height:38px; object-fit:contain; object-position:left center; }
.site-nav-primary { display:flex; align-items:center; justify-content:center; gap:28px; min-width:0; }
.site-nav-group { --group-accent:var(--nav-signal); --group-glow:rgba(141,234,255,.4); position:relative; display:flex; align-items:center; gap:18px; flex:none; }
.site-nav-group[data-group="studio"] { --group-accent:var(--nav-ultraviolet); --group-glow:rgba(86,105,255,.65); }
.site-nav-group[data-group="studio"]::after { content:""; position:absolute; inset:auto 0 3px; height:1px; background:var(--group-accent); opacity:.72; pointer-events:none; }
.site-nav-label, .site-nav-anchors a { display:inline-flex; flex:none; align-items:center; min-height:44px; color:var(--nav-white); font:400 12px/1.25 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; white-space:nowrap; transition:color .15s ease,text-shadow .15s ease; }
.site-nav-anchors { display:flex; flex:none; align-items:center; gap:18px; }
.site-nav-label:hover, .site-nav-anchors a:hover { text-shadow:0 0 10px var(--group-glow); }
.site-nav-anchors a.active, .site-nav-anchors a[aria-current], .site-nav-label.active { text-shadow:0 0 12px var(--group-glow),0 0 3px var(--group-glow); }
.site-nav-group[data-group="studio"].is-current::after { box-shadow:0 0 7px var(--group-glow); opacity:1; }
.site-nav-actions { display:flex; align-items:center; flex:none; gap:32px; margin-left:auto; }
.site-nav-involved { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:34px; padding:7px 11px; border:1px solid rgba(141,234,255,.45); font-size:11px; font-weight:600; line-height:1.2; white-space:nowrap; transition:border-color .15s ease,background .15s ease; }
.site-nav-involved:hover, .site-nav-involved.active { border-color:var(--nav-signal); background:rgba(141,234,255,.055); }
.site-nav-involved.active { box-shadow:0 0 12px rgba(141,234,255,.1); }
.site-nav-utility { display:flex; align-items:center; flex:none; gap:14px; }
.site-nav-domain { display:inline-flex; align-items:center; min-height:44px; font:15px/1 Georgia,serif; transition:color .18s ease; }
.site-nav-domain.cafe { color:#f3c653; font-style:italic; }
.site-nav-domain.cafe:hover, .site-nav-domain.cafe:focus-visible { color:#ffe08a; }
.site-nav-domain.red { color:#ff7c91; }
.site-nav-domain.red:hover, .site-nav-domain.red:focus-visible { color:#ff9cac; }
.site-nav-domain.hecho { color:#f2ede4; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:800; letter-spacing:-.04em; }
.site-nav-domain.hecho:hover, .site-nav-domain.hecho:focus-visible { color:#f1a6b8; }
.site-nav-member { display:grid; place-items:center; width:20px; height:30px; color:rgba(255,255,255,.6); transition:color .18s ease,filter .18s ease; }
.site-nav-member:hover, .site-nav-member:focus-visible { color:var(--nav-ultraviolet); filter:drop-shadow(0 0 7px rgba(86,105,255,.95)); }
.site-nav-member svg { display:block; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
@media (max-width:1180px) and (min-width:1081px) {
  .site-nav-bar { gap:20px; }
  .site-nav-brand img { width:170px; }
  .site-nav-primary { gap:23px; }
  .site-nav-label, .site-nav-anchors a { font-size:11px; }
  .site-nav-group, .site-nav-anchors { gap:16px; }
  .site-nav-actions { gap:28px; }
  .site-nav-utility { gap:12px; }
}
@media (max-width:1080px) {
  :root { --nav:112px; }
  .site-nav-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:54px 1fr; gap:0 20px; }
  .site-nav-brand img { width:188px; height:36px; }
  .site-nav-primary { grid-column:1/-1; grid-row:2; justify-content:flex-start; gap:28px; }
  .site-nav-actions { grid-column:2; grid-row:1; margin:0; gap:28px; }
}
@media (max-width:700px) {
  :root { --nav:160px; }
  .site-nav-bar { width:calc(100% - 32px); grid-template-columns:minmax(0,1fr) auto; grid-template-rows:54px 44px 62px; gap:0 12px; }
  .site-nav-brand img { width:164px; height:34px; }
  .site-nav-primary, .site-nav-actions { display:contents; }
  .site-nav-group { min-width:0; gap:16px; }
  .site-nav-group[data-group="community"] { grid-column:1; grid-row:2; }
  .site-nav-group[data-group="studio"] { grid-column:1/-1; grid-row:3; align-self:stretch; align-content:center; column-gap:14px; row-gap:0; flex-wrap:wrap; }
  .site-nav-group[data-group="studio"]::after { bottom:4px; }
  .site-nav-group[data-group="studio"] .site-nav-anchors { display:contents; }
  .site-nav-label, .site-nav-anchors a { min-height:28px; font-size:11px; }
  .site-nav-anchors { gap:16px; }
  .site-nav-involved { grid-column:2; grid-row:2; justify-self:end; margin:0; padding:7px 9px; font-size:10px; }
  .site-nav-utility { grid-column:2; grid-row:1; gap:13px; }
  .site-nav-domain { font-size:14px; }
  .site-nav-member { width:17px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-nav a { transition:none; }
}