ARQUITECTURA CORRECTA: Footer Contact Form en archivo CSS individual

Problema:
- Documentación INCORRECTA indicaba que footer CSS debía estar en style.css
- Esto violaba arquitectura: TODOS los componentes deben tener CSS individual
- Footer Contact Form era la ÚNICA excepción documentada

Solución:
1. Creado footer-contact.css con TODO el CSS del footer (107 líneas)
2. Removido CSS de footer de style.css (86 líneas netas eliminadas)
3. Agregado enqueue en enqueue-scripts.php (líneas 499-517)
4. Actualizado comentarios en style.css para indicar footer-contact.css

Archivos Creados:
 wp-content/themes/apus-theme/assets/css/footer-contact.css (nuevo)
   - Contact Form Styles (.form-control, botones submit)
   - Footer Styles (footer, h5, links, buttons)
   - Contact Info Styles (.contact-info i)

Archivos Modificados:
 wp-content/themes/apus-theme/inc/enqueue-scripts.php
   - Agregado apus_enqueue_footer_contact_assets()
   - Prioridad 18 (después de CTA box sidebar)
   - Dependencia: apus-bootstrap

 wp-content/themes/apus-theme/assets/css/style.css
   - Removido TODO el CSS del footer (86 líneas)
   - Agregado warning comment apuntando a footer-contact.css
   - Actualizado warning general: SIN EXCEPCIONES

Arquitectura Final:
 TODOS los componentes tienen su archivo CSS individual
 style.css solo contiene estilos GLOBALES del tema
 SIN EXCEPCIONES - Arquitectura 100% consistente

Relacionado: Commits 57136, 9ea4c (limpieza anterior de style.css)

NOTA: Documentación CSS-ESPECIFICO.md actualizada localmente (gitignored)

🤖 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 13:48:13 -06:00
parent 9ea4c0ced5
commit d00771eae4
3 changed files with 128 additions and 92 deletions

View File

@@ -497,12 +497,24 @@ function apus_enqueue_cta_box_sidebar_assets() {
add_action('wp_enqueue_scripts', 'apus_enqueue_cta_box_sidebar_assets', 17);
/**
* ELIMINADO: apus_enqueue_footer_contact_assets
* Motivo: footer-contact.css NO está documentado - CSS debe estar en style.css
* Ver: theme-documentation/16-componente-footer-contact-form/CSS-ESPECIFICO.md
* Enqueue Footer Contact Form styles
*
* NOTA: footer-contact.js SÍ existe y es correcto - se carga desde otro lado
* ARQUITECTURA CORRECTA: Cada componente debe tener su propio archivo CSS
* Footer Contact Form CSS ahora está en su archivo individual
* Ver: wp-content/themes/apus-theme/assets/css/footer-contact.css
*/
function apus_enqueue_footer_contact_assets() {
// Footer Contact CSS
wp_enqueue_style(
'apus-footer-contact',
get_template_directory_uri() . '/assets/css/footer-contact.css',
array('apus-bootstrap'),
APUS_VERSION,
'all'
);
}
add_action('wp_enqueue_scripts', 'apus_enqueue_footer_contact_assets', 18);
/**
* Enqueue Hero Section styles (Issue #40)