/* Header pegajoso */
.ps-sticky{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid #e6eefc}
.ps-nav-inner{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}

/* Marca */
.ps-brand{font-weight:800;text-decoration:none;color:#0b1424}

/* Burger (móvil) */
.ps-burger{display:none;width:40px;height:36px;border:1px solid #cddaf5;border-radius:10px;align-items:center;justify-content:center;cursor:pointer}
.ps-burger span{width:18px;height:2px;background:#0b1424;display:block;position:relative}
.ps-burger span::before,.ps-burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:#0b1424}
.ps-burger span::before{top:-6px}.ps-burger span::after{top:6px}

/* Tabs */
.ps-tabs{--gap:12px;position:relative;display:flex;gap:var(--gap);align-items:center}
.ps-tabs a{position:relative;padding:8px 10px;border-radius:10px;font-weight:700;color:#0b1424;text-decoration:none}
.ps-tabs a:hover{background:#f2f6ff;border:1px solid #cddaf5}
.ps-tabs a.active{background:#e8f3ff;border:1px solid #b9d9ff}
.ps-tabs a:focus-visible{outline:3px solid #60a5fa;outline-offset:2px;border-radius:12px}

/* Indicador deslizante */
.ps-tabs{--indicator-h:3px}
.ps-tabs-indicator{
  position:absolute;bottom:-2px;height:var(--indicator-h);border-radius:999px;background:#0b62e0;
  transition:transform .25s ease,width .25s ease;transform:translateX(0);width:0;
}

/* Lado derecho */
.ps-right{display:flex;gap:8px;align-items:center}
.ps-auth{font-weight:700;color:#0b1424;text-decoration:none;background:#f2f6ff;border:1px solid #cddaf5;border-radius:10px;padding:6px 10px}
.ps-auth.ps-auth--primary{background:#22c55e;color:#0b111d;border-color:#16a34a}

/* Responsive */
@media (max-width:900px){
  .ps-burger{display:flex}
  .ps-tabs{
    position:fixed;left:0;right:0;top:60px;background:#fff;border-bottom:1px solid #e6eefc;
    transform:translateY(-120%);transition:transform .25s ease;flex-wrap:wrap;padding:8px 12px;gap:8px
  }
  #ps-nav-toggle:checked ~ .ps-tabs{transform:translateY(0)}
  .ps-tabs-indicator{display:none}
}