/* ============================================================
   CRAZY SOFT - CTA final
   ============================================================ */

.cta-final {
    background: linear-gradient(135deg, var(--primary-darkest) 0%, var(--primary) 100%);
    color: var(--white);
    position: relative;
    overflow: hidden;
}
.cta-final::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(500px 260px at 20% 100%, rgba(249, 115, 22, 0.35), transparent 60%);
}
.cta-final::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(400px 220px at 85% -10%, rgba(255, 255, 255, 0.15), transparent 60%);
}
.cta-final .container { position: relative; z-index: 2; text-align: center; }
.cta-final h2 { color: var(--white); margin-bottom: 14px; }
.cta-final p {
    color: rgba(255, 255, 255, 0.9);
    max-width: 560px;
    margin: 0 auto 32px;
    font-size: 1.05rem;
}
.cta-ctas { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }

/* Variante clara (para secciones con fondo blanco) */
.cta-final.light {
    background: var(--white);
    color: var(--dark);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.cta-final.light::before, .cta-final.light::after { display: none; }
.cta-final.light h2 { color: var(--dark); }
.cta-final.light p { color: var(--gray); }