/* ======================================================================
   DIFUSOR V138 · BOTONES DE HEADER UNIFICADOS
   Portafolio es la referencia para navegación central.
   NO modifica logo ni CTA Cotizar.
   ====================================================================== */

@media (min-width:1001px){
  :root{
    --v138-nav-gap:27px;
    --v138-nav-font:13px;
    --v138-nav-pad-x:12px;
    --v138-nav-lift:-3px;
    --v138-nav-scale:1.045;
  }

  /* Misma separación entre botones en Home y Portafolio. */
  body:not(.portfolio-page) .nav .menu,
  body.portfolio-page .nav .navlinks{
    gap:var(--v138-nav-gap)!important;
  }

  /* Misma caja, tipografía y ritmo vertical para todos los botones centrales. */
  body:not(.portfolio-page) .nav .menu a[data-nav],
  body.portfolio-page .nav .navlinks a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:30px var(--v138-nav-pad-x) 27px!important;
    font-size:var(--v138-nav-font)!important;
    font-weight:680!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    color:rgba(236,245,249,.86)!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:none!important;
    transform:none!important;
    transition:
      transform .20s cubic-bezier(.22,.61,.36,1),
      color .18s ease,
      background-color .18s ease,
      box-shadow .20s ease,
      text-shadow .20s ease!important;
  }

  /* Exactamente la misma elevación, escala y halo de texto. */
  body:not(.portfolio-page) .nav .menu a[data-nav]:hover,
  body:not(.portfolio-page) .nav .menu a[data-nav]:focus-visible,
  body.portfolio-page .nav .navlinks a:hover,
  body.portfolio-page .nav .navlinks a:focus-visible{
    transform:translateY(var(--v138-nav-lift)) scale(var(--v138-nav-scale))!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.15),
      inset 0 1px 0 rgba(255,255,255,.11),
      0 9px 24px rgba(0,0,0,.18)!important;
    text-shadow:
      0 0 5px rgba(255,255,255,.82),
      0 0 12px rgba(194,235,251,.52),
      0 0 22px rgba(143,215,244,.22)!important;
  }

  /* Estado actual de Portafolio conserva jerarquía, sin simular hover/elevación. */
  body.portfolio-page .nav .navlinks a.current:not(:hover):not(:focus-visible){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.11)!important;
    text-shadow:none!important;
    transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.portfolio-page) .nav .menu a[data-nav],
  body.portfolio-page .nav .navlinks a{
    transition:none!important;
  }
}