CRÍTICO: Cargar Poppins y eliminar overrides Bootstrap - Issue #125

PROBLEMA:
- Template usa Poppins (font-weight: 500 para h6)
- Staging usaba system fonts (Avenir, Montserrat)
- fonts.css sobrescribía Bootstrap con font-weight: 600

CAMBIOS:
1. Agregado Google Fonts Poppins en enqueue-scripts.php
2. Eliminados estilos globales h1-h6 de fonts.css
3. Actualizadas variables CSS a Poppins por defecto
4. Eliminados estilos h1-h6 de media queries

RESULTADO:
- Font-family ahora es Poppins, sans-serif
- Font-weight h6 usa Bootstrap default (500)
- 100% match con template

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-08 11:35:47 -06:00
parent 1233f5a0c9
commit c355fb27bb
2 changed files with 21 additions and 28 deletions

View File

@@ -15,15 +15,15 @@
============================================ */
:root {
/* Stack de fuentes del sistema - Según especificación del template */
/* Stack de fuentes del sistema - Fallback */
--font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
/* Fuente primaria - Por defecto usa system fonts */
--font-primary: var(--font-system);
/* Fuente primaria - Poppins según template y documentación */
--font-primary: 'Poppins', sans-serif;
/* Fuente para encabezados - Misma que body por defecto */
--font-headings: var(--font-system);
/* Fuente para encabezados - Poppins según template */
--font-headings: 'Poppins', sans-serif;
/* Fuente para código (monospace) */
--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono',
@@ -44,22 +44,10 @@ body {
-moz-osx-font-smoothing: grayscale;
}
/* Encabezados */
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-headings);
font-weight: 600;
line-height: 1.3;
color: #1a1a1a;
margin-top: 0;
margin-bottom: 0.5em;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
/* ELIMINADO: Estilos globales h1-h6 - Template usa SOLO Bootstrap defaults
* Estos estilos sobrescribían Bootstrap con font-weight: 600 incorrecto
* Template requiere Bootstrap h6 default: font-weight: 500
*/
/* Código y preformateado */
code, pre, kbd, samp {
@@ -196,12 +184,7 @@ code, pre, kbd, samp {
--font-size-base: 15px;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
/* ELIMINADO: h1-h6 responsive - Template usa Bootstrap defaults */
}
/* Tablets (768px - 1024px) */