/* CCM Tienda — sección CTA (llamado a la acción). Bajo .ccmts-cta. */
.ccmts-cta{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    text-align: center;
    background: #0a0708;
    color: #fff;
    padding-block: clamp(80px, 12vw, 150px);
    padding-inline: clamp(16px, 4vw, 40px);
    font-family: "founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ccmts-cta::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(60% 80% at 50% 0%, rgba(230,0,0,.22), transparent 60%);
}
.ccmts-cta__inner{ max-width: 640px; margin: 0 auto; }

.ccmts-cta__ic{
    width: 64px; height: 64px;
    border-radius: 18px;
    display: grid; place-items: center;
    margin: 0 auto 26px;
    background: #e60000;
    box-shadow: 0 16px 50px -12px rgba(230,0,0,.6);
}
.ccmts-cta__ic svg{ width: 30px; height: 30px; color: #fff; }

.ccmts-cta__title{
    font-weight: 500;
    letter-spacing: normal;
    font-size: clamp(20px, 1.45vw, 24px);
    line-height: 1.2;
    margin: 0;
    color: #fff;
}
.ccmts-cta__sub{
    color: rgba(255,255,255,.7);
    font-size: clamp(15px, 1.1vw, 16px);
    font-weight: 400;
    max-width: 520px;
    margin: 16px auto 0;
    line-height: 1.55;
}

.ccmts-cta__btns{ display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 38px; }
.ccmts-cta__btn{
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    font-weight: 500; font-size: 15px;
    padding: 14px 26px;
    border-radius: 999px;
    border: 1px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ccmts-cta__btn svg{ width: 18px; height: 18px; flex: none; }
.ccmts-cta__btn--wa{ background: #25d366; color: #06351b; }
.ccmts-cta__btn--wa:hover{ transform: translateY(-2px); box-shadow: 0 14px 40px -10px rgba(37,211,102,.5); }
.ccmts-cta__btn--ghost{ background: rgba(255,255,255,.04); color: #fff; border-color: rgba(255,255,255,.14); }
.ccmts-cta__btn--ghost:hover{ background: rgba(255,255,255,.09); transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce){
    .ccmts-cta__btn{ transition: none; }
    .ccmts-cta__btn--wa:hover, .ccmts-cta__btn--ghost:hover{ transform: none; }
}