/*============================================= = Ajustes propios sobre el tema Webflow = = Se carga DESPUES de main.webflow.css = =============================================*/ /*============================================= = Letras corrompiendose (site.js) = =============================================*/ /*---------- La letra como caja ---------- Cada letra vive en su propio span para poder entrar y salir de ella con el raton. Se le fija el ancho de la letra original (lo mide el JS) para que cambiar una "O" por un "0" no mueva el resto del menu. Los simbolos de dos caracteres ("/V", "(_)") se salen de ese ancho a proposito: antes desplazar el menu que perderlos. */ .ab_ch { display: inline-block; text-align: center; white-space: pre; } /*---------- La palabra como caja ---------- Cada letra es un inline-block, y sin esto el navegador podria cortar la linea entre dos letras cualesquiera y partir las palabras por la mitad en cualquier parrafo. La palabra entera va en una caja que no se rompe. */ .ab_pal { white-space: nowrap; } /*---------- Fuera la copia del tema ---------- El tema ya traia su propio efecto: al pasar el raton pintaba ENCIMA una segunda copia del rotulo, en negrita, con el ::after y el data-text. Con las letras corrompiendose debajo se veian los dos a la vez y quedaba sucio. No basta con ocultarla: esa copia esta en posicion absoluta y centrada sobre el rotulo, asi que aunque sea invisible SIGUE TAPANDO las letras y se queda el puntero. Con ella puesta, el raton nunca llega a entrar en ninguna letra y el efecto no se dispara. Por eso se elimina la caja entera (content:none) y no solo su opacidad. Va tambien al conmutador de tema. Antes se dejaba con el suyo, y era un fallo doble: esa copia se pinta con --font-families--regular-alternative en peso 600 (o sea Archivo negrita) sobre un rotulo que el resto del tiempo va en DM Mono 400, asi que al pasar el raton por F/1.4 la pieza CAMBIABA DE TIPOGRAFIA a mitad de gesto; y al tapar las letras impedia ademas que el efecto se disparase ahi. Los dos motivos piden lo mismo. El cierre de la galeria (.gclose.gbtn) se queda como esta: su ::after no duplica un rotulo, lo crea (content:'Back'), asi que quitarlo dejaria el boton mudo. Ese se arregla traduciendolo, no borrandolo. Lleva !important porque esa regla del tema no esta en main.webflow.css: va en un