d00771eae4
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>
102 lines
2.1 KiB
CSS
102 lines
2.1 KiB
CSS
/**
|
|
* Footer Contact Form Styles
|
|
*
|
|
* Styles for the footer section including the contact form
|
|
* and contact information.
|
|
*
|
|
* @package Apus_Theme
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
/* ========================================
|
|
Contact Form Styles
|
|
======================================== */
|
|
|
|
.form-control {
|
|
border: 2px solid var(--color-neutral-100);
|
|
border-radius: 6px;
|
|
padding: 0.625rem 1rem;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: var(--color-orange-primary);
|
|
outline: none;
|
|
}
|
|
|
|
.btn-contact-submit {
|
|
background-color: var(--color-orange-primary);
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
padding: 0.75rem 2rem;
|
|
border: none;
|
|
border-radius: 6px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.btn-contact-submit:hover {
|
|
background-color: var(--color-orange-hover);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-submit-form {
|
|
background-color: var(--color-orange-primary);
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
padding: 0.75rem;
|
|
border: none;
|
|
border-radius: 6px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.btn-submit-form:hover {
|
|
background-color: var(--color-orange-hover);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* ========================================
|
|
Footer Styles
|
|
======================================== */
|
|
|
|
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
|
|
======================================== */
|
|
|
|
.contact-info i {
|
|
color: var(--color-orange-primary);
|
|
}
|
|
|
|
/* NOTA: NO sobrescribir estilos Bootstrap h6 - Template usa defaults */
|