diff --git a/wp-content/themes/apus-theme/assets/css/style.css b/wp-content/themes/apus-theme/assets/css/style.css index 38673ff7..2f250794 100644 --- a/wp-content/themes/apus-theme/assets/css/style.css +++ b/wp-content/themes/apus-theme/assets/css/style.css @@ -1005,3 +1005,48 @@ img { .toc-list::-webkit-scrollbar-thumb:hover { background: var(--color-neutral-700); } + +/* === CTA BOX SIDEBAR === */ + +.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-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; +} + +.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; +} diff --git a/wp-content/themes/apus-theme/single.php b/wp-content/themes/apus-theme/single.php index 524ad217..2c564212 100644 --- a/wp-content/themes/apus-theme/single.php +++ b/wp-content/themes/apus-theme/single.php @@ -198,7 +198,8 @@ get_header(); diff --git a/wp-content/themes/apus-theme/template-parts/content-cta-box.php b/wp-content/themes/apus-theme/template-parts/content-cta-box.php new file mode 100644 index 00000000..4adc206d --- /dev/null +++ b/wp-content/themes/apus-theme/template-parts/content-cta-box.php @@ -0,0 +1,25 @@ + + + +
+
¿Listo para potenciar tus proyectos?
+

Accede a nuestra biblioteca completa de APUs y herramientas profesionales.

+ +