/* BANNER 02 - SERVICIO TECNICO KINETIK VOLT */

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

.kv-hero--servicio .kv-hero__overlay {
    background: linear-gradient(
        90deg,
        #080b0c 0%,
        #080b0c 24%,
        rgba(8, 11, 12, .97) 36%,
        rgba(12, 42, 26, .84) 49%,
        rgba(20, 83, 45, .42) 65%,
        rgba(8, 11, 12, .08) 88%,
        transparent 100%
    );
}

.kv-hero--servicio .kv-hero__eyebrow {
    color: #86efac;
}

.kv-hero--servicio .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--servicio .kv-hero__content h2 span {
    display: block;
    color: #86efac;
}

.kv-hero--servicio .kv-hero__button {
    background: #22c55e;
    color: #07130b;
    box-shadow: 0 8px 28px rgba(34, 197, 94, .25);
}

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

    .kv-hero--servicio .kv-hero__overlay {
        background: linear-gradient(
            0deg,
            #080b0c 24%,
            rgba(8, 11, 12, .97) 41%,
            rgba(20, 83, 45, .20) 100%
        );
    }
}

/* DIFUMINADO VERDE BANNER 02 */

@media (min-width: 901px) {
    .kv-hero--servicio .kv-hero__overlay {
        background: linear-gradient(
            90deg,
            #080b0c 0%,
            #080b0c 25%,
            rgba(8, 22, 14, .98) 36%,
            rgba(20, 83, 45, .88) 48%,
            rgba(34, 197, 94, .38) 64%,
            rgba(8, 11, 12, .08) 88%,
            transparent 100%
        );
    }
}

@media (max-width: 900px) {
    .kv-hero--servicio .kv-hero__overlay {
        background: linear-gradient(
            0deg,
            #080b0c 20%,
            rgba(20, 83, 45, .94) 46%,
            rgba(34, 197, 94, .20) 100%
        );
    }
}

/* FIN DIFUMINADO VERDE BANNER 02 */

/* MONTSERRAT Y ENLACE WHATSAPP - BANNER SERVICIO TECNICO */

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

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