149c937c7a
PROBLEMA: - Textos de sección de contacto demasiado oscuros (#212529) - Template usa gris medio (#495057) más legible - Bootstrap --bs-heading-color sobrescribe con gris oscuro SOLUCIÓN: - CSS específico solo para section.bg-secondary - Sobrescribir h2, h3, h6, p con #495057 (--bs-gray-700) - No afecta resto del sitio TEXTOS CORREGIDOS: ✅ "¿Tienes alguna pregunta?" - h2 ✅ "Completa el formulario..." - p ✅ "Teléfono / Email / Ubicación" - h6 CAMBIOS: - wp-content/themes/apus-theme/assets/css/componente-footer-contact-form.css Agregado CSS específico líneas 98-116 - wp-content/themes/apus-theme/functions.php (v1.0.17 → v1.0.18) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
119 lines
2.7 KiB
CSS
119 lines
2.7 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
|
|
======================================== */
|
|
|
|
/* NOTA: background-color, color y padding usan clases Bootstrap nativas:
|
|
bg-dark, text-white, py-5 - NO sobrescribir */
|
|
|
|
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);
|
|
}
|
|
|
|
/* ========================================
|
|
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 */
|