/* ============================================================ NA — Tipografia global: Nunito en todo el texto del sitio CMP · Agosto 2026 ============================================================ QUE PIDIO EL USUARIO «la tipografia de la web no es la de la web original que deberia ser Nunito, por favor todo lo que sea texto me hace falta que tenga esta tipografia, todo en la web.» DE DONDE SALE EL VALOR DE REFERENCIA Del sitio ORIGINAL (tema Petio), medido en `docs/superpowers/reference/paleta-de-marca-petio.md` §3: - `body { font-family: Nunito, sans-serif }` (petio/css/bootstrap.css:207-214) - peso base 400, `line-height` 1.6 - `h1:not(.elementor-heading-title), h2:not(.elementor-heading-title) { font-family:'Nunito', sans-serif }` en `template.css` — OJO: Petio excluia a proposito los encabezados de Elementor, porque alli mandaba el kit. Nosotros hacemos lo mismo: el kit es la via limpia y este fichero es solo la red de seguridad. - Google Fonts pedia Nunito en 300,400,600,700,800,900 + italicas (petio/inc/loader.php:117). - `html { font-size: 15px }` — el rem del sitio original NO era 16px. DELIBERADAMENTE NO REPLICAMOS ESO AQUI. Ver la seccion «rem a 15px» al final del fichero: cambiar el rem raiz reescalaria de golpe todos los tamanos que Elementor y VamTam expresan en rem/em, y eso no es un cambio tipografico sino un cambio de maquetacion de todo el sitio. Queda como decision explicita, no como olvido. ============================================================ POR QUE ESTE FICHERO NO ES `* { font-family: Nunito !important }` ============================================================ Porque romperia TODOS los iconos del sitio. En este proyecto hay al menos seis familias que no son texto sino glifos: FontAwesome (25 usos medidos en Petio), ElegantIcons/eleganticons (48), wpbingofont (22), icomoon (23), Material (14), wpbingo2 (6), mas `theme-icons` de VamTam (la sirve na-core, ver na-theme-icons.php) y `dashicons` de WordPress. Un icono es un caracter del area de uso privado (p. ej. `content:"\e90b"`) que SOLO existe en su fuente. Si le cambias la familia, el navegador no encuentra el glifo y pinta el cuadrito `.notdef` (tofu). Eso ya costo dos sesiones de depuracion en este mismo sitio con la lupa del buscador — ver la cabecera de `na-header-vamtam-fix.css`. NO se simplifica esto a un `*`. ESTRATEGIA, EN TRES CAPAS 1. HERENCIA (sin !important). Se fija Nunito en `html`/`body` y en las variables de familia que exponen el tema y Elementor. Casi todo el texto del sitio hereda y con esto ya cae. 2. RED DE SEGURIDAD (con !important, sobre selectores ACOTADOS a elementos que solo contienen texto). Es para lo que la herencia no alcanza: CSS per-element de Elementor (`.elementor-element-XXXX .elementor-heading-title { font-family: ... }`, especificidad 0-2-1 y ademas inline en la pagina), el CSS del tema VamTam y los plugins (WooCommerce, FiboSearch, PMS). 3. DEVOLUCION EXPLICITA de las familias de icono. Va la ULTIMA para ganar por orden de cascada a igualdad de especificidad, y ademas con !important. AVISO DE ESPECIFICIDAD El CSS por-elemento de Elementor se imprime en un `