/**
 * PROJECT SUBNAV — navegación secundaria de un proyecto (Casuarinas
 * 339 por ahora). Vive bajo CorporateHeader, nunca compite con él:
 * texto más chico, sin peso visual de marca, borde en vez de sombra.
 */
.project-subnav{
  position:sticky;
  top:var(--header-h);
  z-index:90; /* header = 100, siempre por encima del subnav */
  background:#f2f2f2;
  border-bottom:1px solid var(--color-line);
}
.project-subnav__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  height:var(--subnav-h);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none; /* Firefox */
}
.project-subnav__inner::-webkit-scrollbar{ display:none; } /* Chrome/Safari — el scroll sigue funcionando, solo se oculta la barra */

.project-subnav a{
  flex:0 0 auto; /* no se encoge ni envuelve — en mobile se scrollea horizontal en vez de saturar el header */
  font-family:var(--font-body);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--color-stone-dark);
  white-space:nowrap;
  padding:4px 2px;
  border-bottom:2px solid transparent;
  transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;
}
.project-subnav a:hover,
.project-subnav a:focus-visible{ color:var(--color-brand); border-color:var(--color-brand); }

/* Offset de scroll: las secciones del proyecto no deben quedar tapadas
   por header + subnav sumados al navegar por anchor. Estos IDs solo
   existen en la página de un proyecto, así que es seguro apuntarlos
   directo sin necesidad de un selector de página. */
#proyecto, #ubicacion, #interiores, #planos{
  scroll-margin-top: calc(var(--header-h) + var(--subnav-h));
}

@media (max-width:640px){
  /* En pantallas angostas los 4 links pueden no entrar centrados sin
     recortar el primero fuera de vista — se prioriza usabilidad
     (scroll horizontal desde el inicio) sobre el centrado exacto. */
  .project-subnav__inner{ gap:22px; justify-content:flex-start; }
}