/* BANNER 04 - COMPRAS EN LINEA KINETIK VOLT */

.kv-hero--compras .kv-hero__slide {
    background: #080b0c;
}

.kv-hero--compras .kv-hero__overlay {
    background: linear-gradient(
        90deg,
        #080b0c 0%,
        #080b0c 25%,
        rgba(13, 9, 25, .98) 36%,
        rgba(46, 16, 101, .88) 48%,
        rgba(109, 40, 217, .38) 64%,
        rgba(8, 11, 12, .08) 88%,
        transparent 100%
    );
}

.kv-hero--compras .kv-hero__eyebrow {
    color: #c4b5fd;
}

.kv-hero--compras .kv-hero__content h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 62px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1.8px;
}

.kv-hero--compras .kv-hero__content h2 span {
    display: block;
    color: #c4b5fd;
}

.kv-hero--compras .kv-hero__button {
    background: #8b5cf6;
    color: #ffffff;
    box-shadow: 0 8px 28px rgba(139, 92, 246, .30);
}

@media (max-width: 900px) {
    .kv-hero--compras .kv-hero__overlay {
        background: linear-gradient(
            0deg,
            #080b0c 20%,
            rgba(46, 16, 101, .94) 46%,
            rgba(139, 92, 246, .20) 100%
        );
    }
}

@media (max-width: 600px) {
    .kv-hero--compras .kv-hero__content h2 {
        font-size: clamp(31px, 8vw, 43px);
        letter-spacing: -1px;
    }
}

/* MONTSERRAT Y ENLACE WHATSAPP - BANNER COMPRAS ONLINE */

.kv-hero--compras .kv-hero__content,
.kv-hero--compras .kv-hero__content * {
    font-family: "Montserrat", Arial, sans-serif;
}

.kv-hero--compras a.kv-hero__button,
.kv-hero--compras a.kv-hero__button:link,
.kv-hero--compras a.kv-hero__button:visited,
.kv-hero--compras a.kv-hero__button:hover,
.kv-hero--compras a.kv-hero__button:active {
    text-decoration: none;
    color: #ffffff;
}