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>
86 lines
2.0 KiB
CSS
86 lines
2.0 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;
|
|
}
|
|
|
|
/* ========================================
|
|
Contact Info Styles
|
|
======================================== */
|
|
|
|
.contact-info i {
|
|
color: var(--color-orange-primary);
|
|
}
|
|
|
|
/* ========================================
|
|
Contact Section - Text Colors Override
|
|
======================================== */
|
|
|
|
/*
|
|
* Fix Issue #128: Textos demasiado oscuros en sección de contacto
|
|
* Template usa #495057 (gris medio) en lugar de #212529 (gris oscuro)
|
|
* Aplicar solo a sección bg-secondary (sección de contacto arriba del footer)
|
|
*/
|
|
|
|
section.bg-secondary h2,
|
|
section.bg-secondary h3,
|
|
section.bg-secondary p {
|
|
color: #495057 !important; /* Bootstrap --bs-gray-700 - Gris medio */
|
|
}
|
|
|
|
section.bg-secondary h6 {
|
|
color: #495057 !important; /* Bootstrap --bs-gray-700 - Gris medio */
|
|
}
|
|
|
|
/* NOTA: NO sobrescribir estilos Bootstrap h6 - Template usa defaults */
|