861267e699
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>
51 lines
1.0 KiB
CSS
51 lines
1.0 KiB
CSS
/**
|
|
* Footer Principal Styles
|
|
*
|
|
* RESPONSABILIDAD: Estilos del footer principal del sitio
|
|
* - Background navy dark
|
|
* - Títulos y enlaces
|
|
* - Botón de newsletter
|
|
* - Hover states
|
|
*
|
|
* @package Apus_Theme
|
|
* @since 1.0.19
|
|
* @source apus-theme-template/css/style.css (líneas 987-1021)
|
|
* @reference CSS-ESPECIFICO.md
|
|
*/
|
|
|
|
/* ========================================
|
|
FOOTER
|
|
======================================== */
|
|
|
|
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);
|
|
}
|