d52814c81d
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>
94 lines
1.9 KiB
CSS
94 lines
1.9 KiB
CSS
/**
|
|
* CTA Box Sidebar Styles
|
|
*
|
|
* Styles for the CTA box component that appears in the sidebar
|
|
* below the Table of Contents on single posts.
|
|
*
|
|
* @package Apus_Theme
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
/* ========================================
|
|
CTA Box Container
|
|
======================================== */
|
|
|
|
.cta-box-sidebar {
|
|
background: var(--color-orange-primary);
|
|
border-radius: 8px;
|
|
padding: 24px;
|
|
text-align: center;
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
height: 250px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
box-shadow: 0 4px 12px rgba(255, 133, 0, 0.2);
|
|
}
|
|
|
|
/* ========================================
|
|
CTA Box Content
|
|
======================================== */
|
|
|
|
.cta-box-title {
|
|
color: #ffffff;
|
|
font-weight: 700;
|
|
font-size: 1.25rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.cta-box-text {
|
|
color: rgba(255, 255, 255, 0.95);
|
|
font-size: 0.9rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* ========================================
|
|
CTA Button
|
|
======================================== */
|
|
|
|
.btn-cta-box {
|
|
background-color: #ffffff;
|
|
color: var(--color-orange-primary);
|
|
font-weight: 700;
|
|
border: none;
|
|
padding: 0.75rem 1.5rem;
|
|
border-radius: 8px;
|
|
transition: all 0.3s ease;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.btn-cta-box:hover {
|
|
background-color: var(--color-navy-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* ========================================
|
|
Icon Spacing
|
|
======================================== */
|
|
|
|
.btn-cta-box i {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* ========================================
|
|
Responsive Design
|
|
======================================== */
|
|
|
|
/* Hide on tablets and mobile */
|
|
@media (max-width: 991px) {
|
|
.cta-box-sidebar {
|
|
display: none; /* Ocultar en móviles */
|
|
}
|
|
}
|
|
|
|
/* ========================================
|
|
Print Styles
|
|
======================================== */
|
|
|
|
@media print {
|
|
.cta-box-sidebar {
|
|
display: none;
|
|
}
|
|
}
|