Fix Footer Principal: Reemplazar CSS incorrecto y eliminar duplicación - Issue #136

PROBLEMA:
- componente-footer-principal.css contenía 526 líneas de código de HEADER
- Estilos de footer estaban duplicados en componente-footer-contact-form.css
- Arquitectura modular no se cumplía

SOLUCIÓN:
1. Reemplazado componente-footer-principal.css con CSS correcto de footer (50 líneas)
   - footer base con navy-dark background
   - footer h5 títulos blancos
   - footer a enlaces con hover naranja
   - footer .btn-primary botón newsletter naranja
   - Según documentación CSS-ESPECIFICO.md líneas 987-1021

2. Eliminado duplicación en componente-footer-contact-form.css
   - Removidas líneas 64-88 (estilos de footer)
   - Archivo ahora solo contiene estilos de contact form

3. Version bump a 1.0.19

ARCHIVOS MODIFICADOS:
- wp-content/themes/apus-theme/assets/css/componente-footer-principal.css (526→50 líneas)
- wp-content/themes/apus-theme/assets/css/componente-footer-contact-form.css (119→88 líneas)
- wp-content/themes/apus-theme/functions.php (v1.0.18→1.0.19)

VERIFICACIÓN:
-  HTML en footer.php ya estaba correcto
-  CSS ahora en archivo correcto según arquitectura modular
-  Sin duplicación de estilos
-  Código de header que estaba en footer-principal.css no se usaba

🤖 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 19:34:58 -06:00
parent 149c937c7a
commit 861267e699
3 changed files with 33 additions and 541 deletions

View File

@@ -54,39 +54,6 @@
color: #ffffff;
}
/* ========================================
Footer Styles
======================================== */
/* NOTA: background-color, color y padding usan clases Bootstrap nativas:
bg-dark, text-white, py-5 - NO sobrescribir */
footer h5 {
color: #ffffff;
font-weight: 600;
margin-bottom: 1rem;
}
footer a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: var(--color-orange-primary);
}
footer .btn-primary {
background-color: var(--color-orange-primary);
border-color: var(--color-orange-primary);
}
footer .btn-primary:hover {
background-color: var(--color-orange-hover);
border-color: var(--color-orange-hover);
}
/* ========================================
Contact Info Styles
======================================== */