/* Fonte: Synthetic/app/globals.css:990-1057. SVG e keyframes preservados.
   Só a grade de três destinos, fonte e tinta inativa seguem a casca 4DO. */
.site-header .portal-primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1 1 360px;max-width:400px;min-width:0;align-self:stretch;margin:0 auto;gap:0}
.site-header .portal-primary-item {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  border-inline: 1px solid transparent;
  color: #9ca3af;
  font: 600 10px/1.1 var(--font-ui), system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.site-header .portal-primary-item::after {
  position: absolute;
  right: 14%;
  bottom: 0;
  left: 14%;
  height: 2px;
  background: transparent;
  content: '';
}
.site-header .portal-primary-item svg {
  width: 28px;
  height: 28px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-header .portal-primary-item .portal-icon-accent { stroke: currentColor; }
@keyframes portal-icon-pulse { 50% { opacity: .38; transform: scale(.86); } }
@keyframes portal-icon-scan { 50% { opacity: .35; } }
@keyframes portal-icon-orbit { to { transform: rotate(360deg); } }
@keyframes portal-icon-rise { 50% { transform: translateY(-2px); } }
.site-header .portal-primary-item svg[data-portal-icon='origin'] { animation: portal-icon-orbit 22s linear infinite; }
.site-header .portal-primary-item svg[data-portal-icon='tutorial'] { animation: portal-icon-rise 2.8s ease-in-out infinite; }
.site-header .portal-primary-item svg[data-portal-icon='training'] { animation: portal-icon-rise 2.8s ease-in-out infinite; }
.site-header .portal-primary-item svg[data-portal-icon='campaign'] { animation: portal-icon-rise 2.1s ease-in-out infinite; }
.site-header .portal-primary-item svg[data-portal-icon='market'] { animation: portal-icon-scan 3.4s ease-in-out infinite; }
.site-header .portal-primary-item svg[data-portal-icon='food'] { animation: portal-icon-orbit 6.4s linear infinite; }
.site-header .portal-primary-item svg[data-portal-icon='custom'] { animation: portal-icon-pulse 3.6s cubic-bezier(.4,0,.5,1) infinite; }
.site-header .portal-primary-item svg[data-portal-icon='networks'] .portal-icon-accent {
  stroke-dasharray: 60;
  animation: portal-icon-draw 3.8s ease-in-out infinite;
}
@keyframes portal-icon-draw { 0% { stroke-dashoffset: 60; } 70%, 100% { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .site-header .portal-primary-item svg,
  .site-header .portal-primary-item svg .portal-icon-accent { animation: none !important; }
}
.site-header .portal-primary-item:hover,
.site-header .portal-primary-item:focus-visible {
  background: #0c1018;
  color: #e2e8f0;
  outline: none;
}
.site-header .portal-primary-item:focus-visible { box-shadow: inset 0 0 0 2px #22d3ee; }
.site-header .portal-primary-item[aria-current='page'] {
  border-color: #1f2937;
  background: #0c1018;
  color: #67e8f9;
}
.site-header .portal-primary-item[aria-current='page']::after { background: #22d3ee; }

.site-header .portal-primary-item{font-family:Montserrat,system-ui,sans-serif;text-align:center;color:var(--muted)}
[data-theme="light"] .site-header .portal-primary-item:hover,
[data-theme="light"] .site-header .portal-primary-item:focus-visible{background:#ede9e0;color:#14171a}
[data-theme="light"] .site-header .portal-primary-item:focus-visible{box-shadow:inset 0 0 0 2px #0e7490}
[data-theme="light"] .site-header .portal-primary-item[aria-current="page"]{border-color:#d6d1c6;background:#ede9e0;color:#0c6478}
[data-theme="light"] .site-header .portal-primary-item[aria-current="page"]::after{background:#0e7490}
[data-theme="dark"] .site-header .portal-primary-item[aria-current="page"]{color:#67e8f9}
@media(max-width:760px){.site-header .portal-primary-nav{grid-column:1/3;grid-row:2;max-width:none;width:100%;margin:0}.site-header .portal-primary-item svg{width:23px;height:23px}.site-header .portal-primary-item{font-size:10px;gap:2px}}