Files
roi-theme/wp-content/themes/apus-theme/assets/css/componente-cta-ab-testing.css
FrankZamora d52814c81d ARQUITECTURA: Completar renombramientos CSS - Carpetas 10-20 - Issue #133
RENOMBRAMIENTOS COMPLETADOS (19 archivos adicionales):

COMPONENTES (carpetas 10, 12, 14, 15, 17, 18, 19):
 post-content.css → componente-post-content.css (10)
 cta-box-sidebar.css → componente-cta-box-sidebar.css (12)
 cta.css → componente-cta-ab-testing.css (14)
 related-posts.css → componente-related-posts.css (15)
 header.css → componente-footer-principal.css (17)
 modal-contact.css → componente-modal-contacto.css (18)
 tables-apu.css → css-tablas-apu.css (19)

CSS GLOBALES (carpeta 20):
 variables.css → css-global-variables.css
 fonts.css → css-global-fonts.css
 utilities.css → css-global-utilities.css
 animations.css → css-global-animations.css
 responsive.css → css-global-responsive.css
 accessibility.css → css-global-accessibility.css
 print.css → css-global-print.css
 badges.css → css-global-badges.css
 pagination.css → css-global-pagination.css
 toc.css → css-global-toc.css
 generic-tables.css → css-global-generic-tables.css
 video.css → css-global-video.css

ACTUALIZACIONES:
- enqueue-scripts.php: Todas las referencias actualizadas (48 cambios)
- functions.php: Version bump 1.0.9 → 1.0.10

TOTAL RENOMBRAMIENTOS:
- Commit 8d876: 7 archivos (carpetas 05, 06, 07, 08, 11, 13, 16)
- Este commit: 19 archivos (carpetas 10, 12, 14, 15, 17, 18, 19 + globales 20)
- TOTAL: 26 archivos renombrados

CORRESPONDENCIA 1-A-1 COMPLETADA:
 Cada componente tiene su archivo CSS con nombre de carpeta
 Archivos globales con prefijo css-global-
 Sin duplicaciones
 Nomenclatura consistente

Issue: #133

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 17:27:08 -06:00

54 lines
1.1 KiB
CSS

/**
* CTA A/B Testing Styles
*
* CSS EXACTO copiado del template style.css (líneas 835-865)
* Sin extras, sin !important innecesario, sin media queries complicadas
*
* @package APUS_Theme
* @since 1.0.2
*/
.cta-section {
background: linear-gradient(135deg, var(--color-orange-primary) 0%, var(--color-orange-light) 100%);
box-shadow: 0 8px 24px rgba(255, 133, 0, 0.3);
border-radius: 12px;
padding: 2rem;
}
.cta-section h3 {
color: #ffffff !important;
}
.cta-section p {
color: rgba(255, 255, 255, 0.95) !important;
}
.cta-button {
background-color: var(--color-orange-primary);
color: #ffffff;
font-weight: 600;
padding: 0.75rem 2rem;
border: none;
border-radius: 8px;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.cta-button:hover {
background-color: var(--color-orange-hover);
color: #ffffff;
}
/* Responsive Mobile */
@media (max-width: 768px) {
.cta-section {
padding: 1.5rem;
}
.cta-button {
width: 100%;
margin-top: 1rem;
}
}