COMPLETADO: Fase 1 de la migración a Clean Architecture + POO ## Estructura de Carpetas - ✓ Estructura completa de 4 capas (Domain, Application, Infrastructure, Presentation) - ✓ Carpetas de Use Cases (SaveComponent, GetComponent, DeleteComponent, SyncSchema) - ✓ Estructura de tests (Unit, Integration, E2E) - ✓ Carpetas de schemas y templates ## Composer y Autoloading - ✓ PSR-4 autoloading configurado para ROITheme namespace - ✓ Autoloader optimizado regenerado ## DI Container - ✓ DIContainer implementado con patrón Singleton - ✓ Métodos set(), get(), has() para gestión de servicios - ✓ Getters específicos para ComponentRepository, ValidationService, CacheService - ✓ Placeholders que serán implementados en Fase 5 - ✓ Prevención de clonación y deserialización ## Interfaces - ✓ ComponentRepositoryInterface (Domain) - ✓ ValidationServiceInterface (Application) - ✓ CacheServiceInterface (Application) - ✓ Component entity placeholder (Domain) ## Bootstrap - ✓ functions.php actualizado con carga de Composer autoloader - ✓ Inicialización del DIContainer - ✓ Helper function roi_container() disponible globalmente ## Tests - ✓ 10 tests unitarios para DIContainer (100% cobertura) - ✓ Total: 13 tests unitarios, 28 assertions - ✓ Suite de tests pasando correctamente ## Validación - ✓ Script de validación automatizado (48/48 checks pasados) - ✓ 100% de validaciones exitosas La arquitectura base está lista para la Fase 2. 🤖 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 ROI_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 */
|