﻿/* BANNER 03 - CUATRIMOTOS KINETIK VOLT */

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

.kv-hero--cuatrimotos .kv-hero__overlay {
    background: linear-gradient(
        90deg,
        #080b0c 0%,
        #080b0c 25%,
        rgba(8, 11, 12, .98) 36%,
        rgba(35, 20, 10, .88) 48%,
        rgba(65, 32, 12, .48) 64%,
        rgba(8, 11, 12, .08) 88%,
        transparent 100%
    );
}

.kv-hero--cuatrimotos .kv-hero__eyebrow {
    color: #fdba74;
}

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

.kv-hero--cuatrimotos .kv-hero__button {
    background: #f97316;
    color: #111111;
    box-shadow: 0 8px 28px rgba(249, 115, 22, .25);
}

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

    .kv-hero--cuatrimotos .kv-hero__overlay {
        background: linear-gradient(
            0deg,
            #080b0c 24%,
            rgba(8, 11, 12, .97) 41%,
            rgba(80, 38, 12, .25) 100%
        );
    }
}

/* TIPOGRAFIA UNIFICADA BANNER 03 */

.kv-hero--cuatrimotos .kv-hero__content {
    align-items: flex-start;
    text-align: left;
}

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

.kv-hero--cuatrimotos .kv-hero__content h2 span {
    display: block;
    color: #fb923c;
}

.kv-hero--cuatrimotos .kv-hero__content p {
    max-width: 440px;
    margin: 24px 0 30px;
    color: #d7dfe0;
    font-size: 16px;
    line-height: 1.7;
}

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

    .kv-hero--cuatrimotos .kv-hero__content p {
        margin: 17px 0 24px;
        font-size: 14px;
    }
}

/* MONTSERRAT Y ENLACE - BANNER CUATRIMOTOS */

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

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