DOS COSAS EN LA BARRA DE PESTAÑAS.
1) LA ESQUINA. La activa llevaba dos pseudo-elementos de 8px a los lados con un
degradado radial: la curva cóncava de Chrome. El truco funciona en Chrome
porque allí NO hay línea bajo la barra; aquí sí la hay, y esas dos piezas
blancas la partían en dos justo a los costados de la pestaña — la fluctuación
que se veía en la esquina. Se retiran: la activa ya se funde con el contenido
por su propio fondo, que tapa la línea exactamente por su ancho, y sin las
piezas no asoma nada.
2) LA PROFUNDIDAD. La inactiva no era nada: texto suelto sobre la franja, al
mismo plano que la activa, separado por un filete de 1px. Ahora se HUNDE —velo
muy tenue y sombra interior— y al pasar el ratón el gesto se invierte: la
sombra sale hacia fuera y el fondo tira hacia el blanco de la activa, así que
la pestaña sube hacia ti. Es sombra y no relleno sólido a propósito: un bloque
gris pesa tanto como la activa y acaba compitiendo con ella.
La activa gana su propia sombra, HACIA ARRIBA: abajo está fundida con el
contenido y una sombra ahí dibujaría una línea donde no debe haberla.
Con fondo propio el separador vertical sobra y se retira. `--sep` se queda:
lo sigue usando el aro del favicon mientras carga.
Sin cambio de versión: queda listo para la próxima que se saque.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
73486aa3fe