Fix Footer Principal: Agregar bg-dark y eliminar CSS duplicado - Issue #129

PROBLEMA:
- footer.php faltaba clase bg-dark (mostraba color incorrecto)
- footer-contact.css tenía estilos que duplicaban Bootstrap nativas

SOLUCIÓN:
1. footer.php (línea 14):
   - Agregado bg-dark a clases del footer
   - Ahora usa Bootstrap nativo: bg-dark, text-white, py-5

2. footer-contact.css:
   - Eliminado bloque footer {} con background-color, color, padding
   - Mantenidos estilos custom (hover naranja, btn overrides)
   - Agregada nota explicativa sobre Bootstrap nativas

RESULTADO:
- Footer ahora muestra bg-dark correcto (rgb(33,37,41))
- CSS más limpio: solo estilos custom, no duplicados Bootstrap
- Sigue principio: componente tiene CSS propio SOLO para custom styles

Fixes #129

🤖 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 14:02:02 -06:00
parent d00771eae4
commit d5cbde3d80
2 changed files with 3 additions and 6 deletions

View File

@@ -58,11 +58,8 @@
Footer Styles
======================================== */
footer {
background-color: var(--color-navy-dark);
color: rgba(255, 255, 255, 0.8);
padding: 3rem 0;
}
/* NOTA: background-color, color y padding usan clases Bootstrap nativas:
bg-dark, text-white, py-5 - NO sobrescribir */
footer h5 {
color: #ffffff;

View File

@@ -11,7 +11,7 @@
?>
<!-- Footer (Template líneas 1093-1149) -->
<footer class="py-5 mt-0 text-white">
<footer class="py-5 mt-0 bg-dark text-white">
<div class="container">
<div class="row">
<!-- Sección 1: Navegación -->