Files
roi-theme/wp-content/themes/apus-theme/assets/css/footer.css
FrankZamora 293b66ceeb Fix: Eliminar carga duplicada de CSS y actualizar footer.css - Issue #128
PROBLEMA RAÍZ:
El sistema tenía DOS funciones cargando style.css:
1. inc/enqueue-scripts.php → apus_enqueue_main_stylesheet() (prioridad 5) ✓
2. functions.php → apus_enqueue_scripts() (prioridad 10) ✗ DUPLICADO

Además, footer.css contenía estilos para un footer tradicional de
WordPress con widgets, NO los estilos del template RDash.

SOLUCIÓN APLICADA:

1. functions.php:
   - ELIMINADA función duplicada apus_enqueue_scripts()
   - Dejado solo el sistema modular de inc/enqueue-scripts.php
   - Documentado por qué se eliminó

2. footer.css:
   - REEMPLAZADO completamente con estilos del template RDash
   - footer { background-color: var(--color-navy-dark); }
   - footer h5, footer a, footer .btn-primary con colores correctos
   - .contact-info h6 { font-weight: 400; } para labels normales
   - .contact-info i con color naranja

3. style.css:
   - Agregados estilos .contact-info (líneas 1267-1275)
   - Reforzados por footer.css para garantizar aplicación

RESULTADO:
- Footer con fondo negro oscuro correcto (no gris claro)
- Labels de contacto con peso normal (no bold)
- Iconos de contacto con color naranja
- Un solo archivo style.css cargado (no duplicado)

Referencia: Template líneas 1093-1151 (footer + contact section)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 10:33:42 -06:00

60 lines
1.5 KiB
CSS

/**
* Footer Styles - Template RDash
*
* Estilos para el footer que replica EXACTAMENTE el template RDash (líneas 1093-1151).
* Este footer es simple: 3 columnas de navegación + newsletter solo con email.
*
* @package Apus_Theme
* @since 1.0.0
* @see template: apus-theme-template/index.html líneas 1093-1151
* @see documentation: theme-documentation/16-componente-footer-contact-form
*/
/* ==========================================================================
Footer Main Container
========================================================================== */
footer {
background-color: var(--color-navy-dark);
color: rgba(255, 255, 255, 0.8);
padding: 3rem 0;
}
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 (Pre-footer section)
========================================================================== */
.contact-info i {
color: var(--color-orange-primary);
}
.contact-info h6 {
font-weight: 400;
}