/* ============================================================
   Logo NeuroEs — implementación canónica ÚNICA.
   Copiada literalmente de https://neuroes.co/logo-grande.html
   (fuente de verdad). Si el logo cambia, se cambia ALLÍ y aquí,
   en ningún otro sitio. Ninguna página debe redefinir estas reglas.

   Uso:
   <span class="ne-logo">Neuro<span class="e-lines"><span></span><span></span><span></span></span>s</span>
   Variantes: .mono (blanca, fondos oscuros) · .ink (tinta, 1 color)
   ============================================================ */
.ne-logo {
    display: inline-flex;
    align-items: baseline;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1;
    background: linear-gradient(135deg, #0d9488 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* La "E" formada solo por tres líneas horizontales.
   inline-block + vertical-align:baseline => el borde inferior cae
   exactamente en la línea base del texto. height = cap-height => el
   borde superior llega a la altura de mayúscula. Sin offsets mágicos. */
.ne-logo .e-lines {
    display: inline-block;
    position: relative;
    height: 0.73em;         /* cap-height de Plus Jakarta Sans */
    width: 0.5em;
    margin: 0 0.04em;
    vertical-align: baseline;
}
.ne-logo .e-lines span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.12em;
    background: linear-gradient(135deg, #0d9488 0%, #0ea5e9 100%);
}
.ne-logo .e-lines span:nth-child(1) { top: 0; }                              /* superior -> cap-height */
.ne-logo .e-lines span:nth-child(2) { top: 50%; transform: translateY(-50%); width: 82%; } /* media, centrada y más corta */
.ne-logo .e-lines span:nth-child(3) { bottom: 0; }                           /* inferior -> línea base */

/* Variantes de una tinta */
.ne-logo.mono { background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: #fff; color: #fff; }
.ne-logo.mono .e-lines span { background: #fff; }
.ne-logo.ink { background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: #0f172a; color: #0f172a; }
.ne-logo.ink .e-lines span { background: #0f172a; }

/* ------------------------------------------------------------
   Capa de NITIDEZ (solo render, no cambia la geometría canónica).
   Problema de raíz: en tamaños pequeños, 0.12em y translateY(-50%)
   caen en fracciones de píxel y el antialiasing deja la barra
   central más delgada y pálida que las otras dos ("las barras se
   ven pequeñas"). Esta capa ancla alto y posición de las barras
   al píxel entero. En tamaños grandes el redondeo es < 1 px:
   visualmente idéntico al canon de logo-grande.html.
   ------------------------------------------------------------ */
@supports (height: round(nearest, 1em, 1px)) {
  .ne-logo .e-lines { height: round(nearest, 0.73em, 1px); }
  .ne-logo .e-lines span { height: round(nearest, 0.12em, 1px); min-height: 2px; }
  .ne-logo .e-lines span:nth-child(2) {
    top: round(nearest, calc(50% - 0.06em), 1px);
    transform: none;
  }
}