/* =====================================================================
   COMPONENTE · NAVEGACIÓN POR PESTAÑAS (fija arriba al hacer scroll)
   Celular: se desliza horizontalmente.
   ===================================================================== */

nav.tabs{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav.tabs .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
nav.tabs .wrap::-webkit-scrollbar{display:none}
.tab{background:none;border:0;padding:13px 12px 11px;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;scroll-snap-align:start}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--pine)}

@media (min-width:600px){
  nav.tabs .wrap{gap:4px}
  .tab{padding:14px 14px 12px}
}