.cta-slider { position: relative; z-index: 1; overflow: hidden; border-radius: var(--radius-xl); background: rgba(255,255,255,0.08); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); }
.cta-slider-track { display: flex; transition: transform 0.7s var(--ease-out-expo); }
.cta-slide { min-width: 100%; padding: clamp(40px, 6vw, 72px) clamp(32px, 5vw, 64px); }
.cta-content { text-align: center; }
.cta-content h2 { font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; line-height: 1.2; margin-bottom: 16px; }
.cta-content p { font-size: clamp(0.95rem, 1.3vw, 1.1rem); color: var(--color-text-muted); margin-bottom: 32px; max-width: 540px; margin-left: auto; margin-right: auto; line-height: 1.7; }
.cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn-whatsapp { background: #25D366; color: #fff; padding: 14px 32px; border-radius: 60px; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s var(--ease-spring); box-shadow: 0 4px 20px rgba(37,211,102,0.3); }
.btn-whatsapp:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 32px rgba(37,211,102,0.4); background: #20bd5a; }
.cta-slider-controls { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 20px 0 8px; }
.cta-slider-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: var(--color-text-muted); cursor: pointer; transition: all 0.3s ease; }
.cta-slider-btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; transform: scale(1.05); }
.cta-slider-btn:disabled { opacity: 0.3; cursor: not-allowed; }
.cta-slider-btn:disabled:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); color: var(--color-text-muted); transform: none; }
.cta-slider-dots { display: flex; gap: 8px; }
.cta-slider-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.25); border: none; cursor: pointer; transition: all 0.3s ease; padding: 0; }
.cta-slider-dot-active { background: var(--color-primary-light); transform: scale(1.3); }