/* ============================================================
   Logo oficial NEXBYTE.pro — FUENTE ÚNICA compartida.
   Editar este archivo actualiza el logo en TODAS las páginas
   que lo enlacen con <link rel="stylesheet" href="/nx-logo.css">.

   Markup esperado:
   <a class="... nx-brand">NE<span class="nx-x">X</span><span class="nx-byte">BYTE</span><span class="nx-pro">.pro</span></a>

   La doble clase .nx-brand.nx-brand sube la especificidad a (0,2,0)
   para ganar a reglas locales tipo .nav-logo { display:flex } o
   .nav-logo { letter-spacing:3px } que rompían la alineación/espaciado.
   ============================================================ */

@keyframes nbPearlHtml { 0%,100% {color:#FFFFFF;} 20% {color:#E0F7FA;} 40% {color:#FFFFFF;} 60% {color:#F3E8FF;} 80% {color:#FFF5E1;} }
@keyframes nbGlowHtml  { 0%,100% {text-shadow:0 0 2px rgba(255,255,255,0.3);} 50% {text-shadow:0 0 10px rgba(255,255,255,0.7),0 0 20px rgba(224,247,250,0.35);} }

.nx-brand.nx-brand {
  display: inline-block;
  align-items: normal;
  line-height: 1;
  letter-spacing: -0.5px;
}
.nx-brand .nx-x {
  color: #FFFFFF;
  font-size: 1.8em;
  line-height: 1;
  margin: 0 -1px;
  display: inline-block;
  transform: translateY(0.15em);
  animation: nbPearlHtml 4s ease-in-out infinite, nbGlowHtml 4s ease-in-out infinite;
}
.nx-brand .nx-byte { color: #22D3EE; }
.nx-brand .nx-pro  { color: #22D3EE; font-size: 0.55em; font-weight: 800; margin-left: 1px; }