/* =========================================================
   VARIABLES
========================================================= */
:root {
    --gris: #F6F6F6;
    --gris1: #2B2C2E;
    --gris2: #ECECEC;
    --gris3: #DCDCDC;
    --gris4: #575757;
    --Naranja-claro: #FEEFE9;
}


/* =========================================================
   RESET / BASE
========================================================= */
body {
    overflow-x: hidden;
    font-weight: 300;
    font-family: 'Lexend', sans-serif;
    background-color: #f8f9fa;
    color: #333;
}

a {
    color: inherit;
    text-decoration: inherit;
}

img {
    object-fit: contain;
    max-width: 100%;
}

strong {
    font-weight: 700 !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lexend', sans-serif;
    font-weight: 500;
}

h2 {
    font-size: 34px;
}

p,
li,
a,
button {
    font-family: 'Lexend', sans-serif;
}

label {
    font-size: 14px;
}

.ls-4 {
    letter-spacing: 4px;
}


/* =========================================================
   FONT SIZES
========================================================= */
.fs45 { font-size: 45px; }
.fs34 { font-size: 34px; }
.fs24 { font-size: 24px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs15 { font-size: 15px; }
.fs14 { font-size: 14px; }
.fs12 { font-size: 12px; }


/* =========================================================
   FONT WEIGHTS
========================================================= */
.fw100 { font-weight: 100; }
.fw300 { font-weight: 300; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }


/* =========================================================
   BACKGROUNDS & COLORS
========================================================= */
.bg-negro {
    background: #2B2C2E;
}

.bggris {
    background: var(--gris);
}

.bggris1 {
    background: var(--gris1);
}

.bggris2 {
    background: var(--gris2);
}

.bggris3 {
    background: var(--gris3);
}

.bggris4 {
    background: var(--gris4);
}

.bgnaranja-c {
    background: var(--Naranja-claro, #FEEFE9);
}

.naranja {
    color: #FF8753;
}

.bg-naranja {
    background: var(
        --Degradado,
        linear-gradient(90deg, #F15C21 0%, #F19922 100%)
    );
}

.border-naranja {
    border: 2px solid #FF8753;
}

.degradado {
    border-radius: 40px;
    background: var(
        --Degradado,
        linear-gradient(90deg, #F15C21 0%, #F19922 100%)
    );
}

.bgdeg-naranja {
    background: var(--Degradado, linear-gradient(90deg, #F15C21 0%, #F19922 100%));
}


/* =========================================================
   LAYOUT
========================================================= */
.container {
    max-width: 1920px;
    width: 100%;
    padding: 0;
}

.container-wrapper {
    max-width: 1215px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.container-small {
    width: 1030px;
    max-width: 100%;
    margin: auto;
    padding: 0 15px;
}

.container-wrapper.fm-contacto {
    max-width: 755px;
}

header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
}


/* =========================================================
   BANNER
========================================================= */
.banner-byd {
    background-image: url(https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/dde2aec2-f4c1-4a1b-8f7b-1206383a6d96.jpg);
    width: 100%;
    height: 465px;
    max-width: 1920px;
    margin: auto;
    display: flex;
    align-items: center;
}

.slider-banner {
    height: 575px;
    width: 100%;
    background: var(--gris1);
}

.wrapper-banner {
    padding-top: 100px;
    background-position: center;
    background-size: cover;
}

.banner-meta {
    background-image: url(https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/9fdfc236-183f-4512-b8cd-58fdf382ddd9.jpg);
}
.banner-google {
    background-image: url(https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/bc88f48c-83fe-4840-9e4a-1710059d93f8.jpg);
}

.item-banner {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


/* =========================================================
   BUTTONS
========================================================= */
.btn-naranja {
    display: inline-block;
    border-radius: 40px;
    background: var(
        --Degradado,
        linear-gradient(90deg, #F15C21 0%, #F19922 100%)
    );
    padding: 10px 15px;
    color: white;
    font-size: 18px;
    text-decoration: none;
}

button.btn-naranja {
    border: none;
    margin: 20px auto 15px;
    display: block;
}

.btn-arrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.btn-arrow::after {
    content: "";
    width: 16px;
    height: 12px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M0.75 4.77295C0.335786 4.77295 0 5.10874 0 5.52295C0 5.93716 0.335786 6.27295 0.75 6.27295V5.52295V4.77295ZM15.2803 6.05328C15.5732 5.76039 15.5732 5.28551 15.2803 4.99262L10.5074 0.219648C10.2145 -0.073245 9.73959 -0.073245 9.4467 0.219648C9.15381 0.512542 9.15381 0.987415 9.4467 1.28031L13.6893 5.52295L9.4467 9.76559C9.15381 10.0585 9.15381 10.5334 9.4467 10.8263C9.73959 11.1191 10.2145 11.1191 10.5074 10.8263L15.2803 6.05328ZM0.75 5.52295V6.27295H14.75V5.52295V4.77295H0.75V5.52295Z' fill='url(%23paint0_linear_2530_666)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2530_666' x1='0.75' y1='6.02295' x2='14.75' y2='6.02295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F15C21'/%3E%3Cstop offset='1' stop-color='%23F19922'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.btn-blanco {
    display: inline-block;
    border-radius: 40px;
    background: #fff;
    padding: 10px 15px;
    color: #F15C22;
    font-size: 18px;
    text-decoration: none;
}


/* =========================================================
   LISTS
========================================================= */
.bullet-check li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}

.bullet-check li::before {
    content: url(https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/ea07b195-6d98-4568-a2c5-8243f75aeaa6.png);
    position: absolute;
    left: 0;
    top: -5px;
}

.bullet-check-s li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 6px;
}

.bullet-check-s li::before {
    content: url("https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/aea0cd5e-f9e0-454f-9eda-4418ee79667a.png");
    position: absolute;
    left: 0;
    top: 7px;
}

.bullet-naranja li {
    position: relative;
    padding-left: 15px;
}

.bullet-naranja li::after {
    content: "";
    width: 5px;
    height: 5px;
    background: #ff8753;
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 100%;
}


/* =========================================================
   FORMS
========================================================= */
.form-group {
    margin-bottom: 10px;
}

div#response {
    text-align: center;
}


/* =========================================================
   TABLA COMPARATIVA
========================================================= */
.comparativa {
    max-width: 900px;
    color: #fff;
}

.comparativa .row {
    border-bottom: 1px solid rgba(255,255,255,.4);
}

.comparativa .cell {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    text-align: center;
    font-size: 14px;
}

.comparativa .left {
    text-align: left;
}

.comparativa .highlight {
    background: #f2f2f2;
    color: #333;
}

.comparativa .row:first-of-type .highlight {
    border-radius: 10px 10px 0 0;
}

.comparativa .title {
    font-size: 24px;
    font-weight: bold;
    color: #ff7a3d;
}

.comparativa .head {
    font-size: 22px;
    font-weight: 500;
}


/* =========================================================
   STEPS
========================================================= */
.timeline {
    position: relative;
    z-index: 1;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 12%;
    right: 12%;
    height: 2px;
    background-color: #FF8753;
    z-index: -1;
}

.timeline .ico-n {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    color: #FF8753;
    border: 2px solid #FF8753;
    background-color: #2B2C2E;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 60px;
}


/* =========================================================
   FAQS
========================================================= */
.custom-accordion .accordion-button {
    font-size: 18px;
    font-weight: 400;
}

.custom-accordion .accordion-button:not(.collapsed) {
    color: #fff;
}

.custom-accordion .accordion-button:focus {
    box-shadow: none;
}

.custom-accordion .accordion-body {
    max-width: 95%;
}

/* ICONO CERRADO (+) */
.custom-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M5.88898 15L5.88898 9.11101L0 9.11101L0 5.88899L5.88898 5.88899L5.88898 0L9.111 0L9.111 5.88899L15 5.88899L15 9.11101L9.111 9.11101L9.111 15L5.88898 15Z' fill='%23FF8753'/%3E%3C/svg%3E");

    background-size: contain;
    width: 15px;
    height: 15px;
    transform: none;
}

/* ICONO ABIERTO (X) */
.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M0 10.6067L4.16406 6.44254L0 2.2784L2.27824 0L6.44238 4.16422L10.6065 0L12.8848 2.27839L8.72069 6.44253L12.8848 10.6067L10.6065 12.885L6.44238 8.72085L2.27823 12.885L0 10.6067Z' fill='%23FF8753'/%3E%3C/svg%3E");
}


/* =========================================================
   TEXTOS ESPECIALES
========================================================= */
p.txt-marcas.text-white {
    margin: 38px 0;
    color: #FFF;
    text-align: center;
    font-family: Lexend;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 126%;
    letter-spacing: 4.16px;
    text-transform: uppercase;
}


/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 768px) {
    .container-wrapper {
        max-width: 95%;
        margin: 0 auto -3px;
    }

    .container-wrapper.fm-contacto {
        width: 100%;
    }

    .banner-byd {
        background-position: -78% -4px;
    }

    h2 {
        font-size: 24px;
    }

    .fs45 { font-size: 35px; }
    .fs34 { font-size: 28px; }
    .fs24 { font-size: 20px; }
    .fs20 { font-size: 18px; }
    .fs18 { font-size: 16px; }
    .fs16 { font-size: 14px; }
    .fs15 { font-size: 13px; }
    .fs14 { font-size: 12px; }
    .fs12 { font-size: 10px; }

    p.txt-marcas.text-white {
        font-size: 10px;
    }
}

@media (max-width:767px) {
.banner-meta {
    background-image: url(https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/a71c7eab-847d-46fc-b8ba-86fce44f9243.jpg);
    padding-bottom: 230px;
}

.banner-google {
        background-image: url(https://image.mx.bitcar.mx/lib/fe3011737164047c721778/m/1/aa065d4b-abcc-4cc4-ba99-a7dab0ffb03b.jpg);
        padding-bottom: 230px;
    }


    .comparativa .cell {
        padding: 10px;
    }
    
    .timeline .col {
        display: flex;
        align-items: center;
    }
    
    .timeline .ico-n {
        margin-right: 15px;
    }
    
    .timeline:before {
        display: none;
    }
    
    .pos-abs-car {
        position: absolute;
        bottom: 0;
        right: -64%;
    }

    .pos-abs-car img {
        max-width: 250px;
    }
}