/* IFRAME HOME EN RTE */
 
.homepage_video {
    width: 720px;
    object-fit: cover;
    height: 515px;
}
 
@media (max-width:1366px) {
.homepage_video {
        height: 515px;
        width: 720px;
        object-fit: cover;
    }
}
 
@media (max-width:992px) {
    .homepage_video {
        width: 720px;
        height: 430px;
    }
}
 
@media (max-width:768px) {
    .homepage_video {
        width: 500px;
        height: 350px;
    }
}
 
@media(max-width:500px) {
    .homepage_video {
        height: 205px;
        width: 320px;
    }
}
/* SWIPER BANNER  */
.swiper-hero-banner {
    position: relative;
    overflow-x: hidden;
    width: 100%;
}

@media (max-width:1069px) {
    .swiperHome .swiper-hero-banner .swiper-backface-hidden .swiper-slide {
    min-height: 378px;
    background: var(--brand-black);
    }
}


/*Degradado img*/
/* .shadow-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    opacity: 0.67;
    background: linear-gradient(to right, var(--black) 14.89%, transparent 100%);
}


@media (max-width:768px) {
.shadow-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.67;
    background: linear-gradient(to top, var(--black) 14.89%, transparent 100%);
    }
} */

.hero-banner__content {
    background: linear-gradient(to right, black, rgba(255, 255, 255, 0) 70.71%), var(--bg-slide);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    /* min-height: 47.063rem; */
    background-attachment: fixed;
    aspect-ratio: 13/5;
}

.hero-banner__content>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Solución #1*/

@media (max-width:1069px) {
    .hero-banner__content {
        aspect-ratio: 13/6;
    }
}


/* @media (max-width:768px) {
    .hero-banner__content {
        background: linear-gradient(to top, black, rgba(0, 0, 0, 0.22) 70.71%), var(--bg-slide);
        width: 100%;
        
        height: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top center;
        min-height: 0rem;
        background-attachment: fixed;
        background-color: var(--black);
    }
} */


/*Corección box home and hero banner IMAGE*/

@media (max-width:768px) {
    .hero-banner__content {
        height: auto !important;
        background: linear-gradient(to top, black, rgba(0, 0, 0, 0.22) 70.71%), var(--bg-slide);
        width: 100%;
        /* height: 36rem; Valor que funciona en v1 de box-home Banner*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        min-height: 0rem;
        background-attachment: fixed;
        background-color: var(--black);
        


    }
}

/*Prueba numero 3 - Banner Mobile*/
/* @media (max-width:768px) {
    .hero-banner__content {
        /* background: linear-gradient(to top, black, rgba(0,0,0,0.22) 70.71%), var(--bg-slide); 
        width: 100%;
        height: 45rem;        
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top center;
        background-attachment: fixed;
        min-height: 0rem;
        background: black;

    }
} */


/**svg Watermark*/
.swiper-hero-banner .marcaAgua-wrapper svg {
    position: absolute;
    top: 38%;
    left: 30%;
    width: 5.5rem;
    height: 5.5rem;

}


@media(max-width:1700px) {
    .swiper-hero-banner .marcaAgua-wrapper svg {
        position: absolute;
        top: 35%;
        left: 45%;
        width: 5.5rem;
        height: 5.5rem;
    }
}

@media(max-width:1200px) {
    .swiper-hero-banner .marcaAgua-wrapper svg {
        position: absolute;
        top: 45%;
        left: 42%;
        width: 5.5rem;
        height: 5.5rem;
    }
}

@media(max-width:1080px) {
    .swiper-hero-banner .marcaAgua-wrapper svg {
        position: absolute;
        top: 32%;
        left: 47%;
        width: 5.5rem;
        height: 5.5rem;
    }
}

@media(max-width:768px) {
    .swiper-hero-banner .marcaAgua-wrapper svg {
        position: absolute;
        top: 47%;
        left: 90%;
        width: 3.5rem;
        height: 3.5rem;
    }
}

@media(max-width:504px) {
    .swiper-hero-banner .marcaAgua-wrapper svg {
        position: absolute;
        top: 35%;
        left: 80%;
        width: 3.5rem;
        height: 3.5rem;
    }
}

/***SVG Pagination*/
.swiper-hero-banner svg {
    position: absolute;
    top: 0%;
    /*width: 2rem;
height: 2rem;*/
}



@media (max-width:580px) {
    .swiper-hero-banner>svg {
        position: absolute;
        left: 83%;
        top: 38%;
    }
}

@media (max-width:504px) {
    .swiper-hero-banner>svg {
        position: absolute;
        left: 80%;
        top: 36%;
    }
}

.boxHome {
    position: absolute;
    color: var(--brand-white);
    height: 100%;
    bottom: 2.5rem;
    text-align: left;
    left: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 45%;
}

@media (max-width:1069px) {
    .boxHome {
        height: 100%;
        bottom: 1rem;        
        width: 50%;
        top: unset;
        justify-content: center;
    }
}


/*Corrección hero banner and box home*/

@media (max-width:768px) {
    .boxHome {
        text-align: left;
        left: 0rem;
        width: 100%;
        top: 0;
        position: relative;
        height: auto;
        min-height: 15.5rem;

        background: var(--brand-black);
        justify-content: end;

    }

    .boxHome::before {
        content: "";
        text-align: center;
        left: 0rem;
        width: 100%;
        height: 3rem;
        top: -3rem;
        position: absolute;        
        background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0) 100%);
    }
}

@media (max-width:320px) {
    .boxHome {
        min-height: 17.5rem;

    }
}

.boxHome .title {
    font-family: var(--family-title);
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.625rem;
    text-transform: uppercase;
    width: 100%;
    
    color: var(--brand-white);
}

@media (max-width:1069px) {
    .boxHome .title {
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2.5rem;
        width: 100%;
        max-width: max-content;
        

    }
}


/*Corrección*/
@media (max-width:768px) {
    .boxHome .title {
        font-size: 1.4444rem;
        line-height: 1.88889rem;
        background: linear-gradient(to top, black 32%, rgba(0, 0, 0, 0) 58%);
        min-height: auto;
        padding-left: 2rem;
        max-width: 100vw;
    }
}

.boxHome .paragraph {
    font-family: var(--family-title-2);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: var(--brand-white);
    min-height: 3rem;
    max-height: 2.9rem;
    margin-bottom: 0rem;
    text-align: left;

}

@media (max-width: 1069px) {
    .boxHome .paragraph {
        font-size: 1.1rem;
        font-style: normal;
        font-weight: 400;
        min-height: 3rem;
        max-height: 2.9rem;
        margin-bottom: 0rem;
        text-align: left;
        padding-right: 2rem;
    }
}


@media (max-width: 768px) {
    .boxHome .paragraph {
        min-height: 4.3rem;
        max-height: 4.5rem;
        /* display: flex;
        align-items: end; */
        margin-left: 2.2rem;
        margin-bottom: 0rem;

    }
}

/* @media (max-width: 404px) {
    .boxHome .paragraph {
        min-height: 5rem;
        max-height: 5.1rem;

    }
} */

@media (max-width: 320px) {
    .boxHome .paragraph {
        min-height: 4.3rem;
        max-height: 4.5rem;
        /* min-height: 2.5rem;
        max-height: 2.6rem; */
        font-size: 0.888rem;
        line-height: 1.22222rem;
        margin-left: 2.2rem;
        margin-bottom: 1rem;
        
        }

    }




/* LINEA SEPARADORA */
.linea {
    width: 90%;
    position: relative;
    border-width: 0.13rem;
    border-style: solid;
    border-image: linear-gradient(to right, white, #333) 1;
}

@media (max-width:768px) {
    .linea {
        width: 90%;
        left: 5%;
        height: 0.11rem;
        border-radius: 10px;
        background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
        position: relative;
    }
}


/*Paragraph*/
.boxHome>h2,
.boxHome>p {

    font-size: 1.25rem;
    text-transform: uppercase;
    text-align: left;
}

@media (max-width:768px) {

    .boxHome>h2,
    .boxHome>p {
        padding: 0.5rem 2rem;
        margin-bottom: 0;
        font-size: 1.25rem;
        text-transform: uppercase;
        text-align: left;
        min-height: 3rem;
        max-height: 2.9rem;
    }
}



/**BOTONESS*/

.buttonsBanner>a {
    font-family: var(--family-title);
    font-size: 1.125rem;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%;
}

@media (max-width:768px) {
    .buttonsBanner {
        display: flex;
        padding: 10px 20px;
    }
}

@media (max-width:768px) {
    .buttonsBanner>a {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width:769px) and (max-width:1428px) {
    .buttonsBanner>a {
        display: block;
        width: 365px;
    }
}

/*Contenedor botones*/
.link-wrapper {
    border: 1px solid var(--darkGray);
    padding: .7rem 0;
    margin-top: 2.5rem;
    width: 75%;
}

@media (max-width:1280px) {
    .link-wrapper {
        padding: 0.5rem 0;
        margin-top: 1rem;
    }
}

@media (max-width:768px) {
    .link-wrapper {
        margin: 0;
        width: 100%;

    }
}

.swiper-pagination-hero-banner.timer-banner {
    position: absolute;
    width: 50%;
    left: 3rem !important;
    z-index: 1;
    height: 5vh;
    top: calc(94% - 2.5vh) !important;
}


@media (max-width:768px) {
    .swiper-pagination-hero-banner {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 0;
        margin-top: 2rem;
    }
}

/* Section 1.2 Banner / Update Color´s and structure pagination */
.swiper-hero-banner .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    border: 1.5px solid var(--gray);
    position: relative;
    opacity: 1;
    background: transparent;
}

/*Icon Pause */
.swiper-pagination-clickable .swiper-pagination-bullet .pause svg,
.swiper-pagination-clickable .swiper-pagination-bullet .play svg {
    width: .8rem;
    height: .8rem;
    margin-left: .29rem;
    top: .25rem;
}

@media (max-width:1920px) {

    .swiper-pagination-clickable .swiper-pagination-bullet .pause svg,
    .swiper-pagination-clickable .swiper-pagination-bullet .play svg {
        width: 1.3rem;
        height: 1.3rem;
        margin-left: .33rem;
        top: .28rem;
    }
}

@media (max-width:1700px) {

    .swiper-pagination-clickable .swiper-pagination-bullet .pause svg,
    .swiper-pagination-clickable .swiper-pagination-bullet .play svg {
        width: 1rem;
        height: 1rem;
        margin-left: .33rem;
        top: .28rem;
    }
}

@media (max-width:797px) {

    .swiper-pagination-clickable .swiper-pagination-bullet .pause svg,
    .swiper-pagination-clickable .swiper-pagination-bullet .play svg {
        width: 1rem;
        height: 1rem;
        margin-left: .33rem;
        top: .28rem;
    }
}


@media (max-width:695px) {

    .swiper-pagination-clickable .swiper-pagination-bullet .pause svg,
    .swiper-pagination-clickable .swiper-pagination-bullet .play svg {
        width: 1rem;
        height: 1rem;
        /*margin-left: -1.0rem;*/
        top: .28rem;
    }
}




@media (max-width:797px) {

    .swiper-content-pagination .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal.timer-banner {
        left: 4rem;
        position: relative;
        bottom: 2.8rem;

    }
}

@media (max-width:768px) {

    .swiper-content-pagination .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal.timer-banner {
        left: 0rem;
        position: relative;
        bottom: 0;
        padding-top: 1rem;
        margin: 0;
        width: 100%;
        padding-right: 6.5rem;
    }
}


@media (max-width:1920px) {
    .swiper-hero-banner .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        border: 1.5px solid var(--brand);
        background-color: transparent;
    }
}

@media (max-width:1700px) {
    .swiper-hero-banner .swiper-pagination-bullet {
        width: 17px;
        height: 17px;
        border: 1.5px solid var(--brand);
        background-color: none;
    }
}

@media (max-width:1220px) {
    .swiper-hero-banner .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        border: 1.5px solid var(--brand);
        background-color: none;
    }
}

@media (max-width:1080px) {
    .swiper-hero-banner .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        border: 1.5px solid var(--brand);
        background-color: none;
    }
}





@media (max-width:320px) {
    .swiper-hero-banner .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin-left: 0;
        margin-top: 2.5rem;
        background-color: none;
    }
}

.swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1.5px solid var(--darkGray);
    width: 1.5rem;
    height: 1.5rem;
    top: 0.23rem;
}

@media (max-width:1920px) {
    .swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 1.5px solid var(--darkGray);
        width: 2.1rem;
        height: 2.1rem;
        top: 0.45rem;
    }
}

@media (max-width:1700px) {
    .swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 1.5px solid var(--darkGray);
        width: 1.7rem;
        height: 1.7rem;
        top: 0.35rem;
    }
}

@media (max-width:1400px) {
    .swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 1.5px solid var(--darkGray);
        width: 1.7rem;
        height: 1.7rem;
        top: 0.35rem;
    }
}

@media (max-width:1200px) {
    .swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 1.5px solid var(--darkGray);
        width: 1.7rem;
        height: 1.7rem;
        top: 0.35rem;
    }
}


@media (max-width:768px) {
    .swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet {
        border: 1.5px solid var(--brand);

    }

    .swiper-hero-banner .swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 1px solid var(--brand-white);
        width: 1.7rem;
        height: 1.7rem;
        top: -0.3rem;

    }
}

/* HOME SHOWCASE V2 */

/* Swiper styles */
.showcase-filters__section {
    margin-top: 2.5rem;
}

.showcase-filters__section>h2 {
    font-family: var(--family-title);
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    line-height: normal;
    text-transform: uppercase;
    color: var(--brand-black-dark);    
}

.showcase_filter {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 2.5rem 0;
    font-family: var(--family-title);
    font-size: var(--paragraph-1);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.showcase-home {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.showcaseSwiper {
    position: relative;
    width: 100%;
}

.showcase-slide {
    opacity: 0.6;
    transform: scale(0.85);
}

.swiper-slide-active {
    transform: scale(0.95);
    opacity: 1;
    transition: opacity 500ms ease;
}

.swiper-slide-active>.show-slide__content>h5,
.swiper-slide-active>.show-slide__content>.showcase-vehicle_name_img {
    /* border-bottom: 3px solid var(--brand); */
}

/* .showcase h3 {
            text-align: center;
            margin-top: 10px;
            font-family: var( --family-title);
            font-size: var( --title-3);
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
        } */

.show-slide__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: unset;
    cursor: pointer;
    width: 200px;
}
@media only screen and (min-width: 1366px) {
    .show-slide__content {
        width: 232px;
    }
}

.vehicle_mini_img {
    width: 18.5%;
    height: 60%;
    object-fit: cover;
}

.showcase-vehicle_name_img {
    height: 40%;
    width: 12.5%;
    object-fit: contain;
    margin-top: 0.25rem;
}

.show-slide__content>h5 {
    margin-top: 1.25rem;
}

/* Inner content information - styles */
.showcase-information__display {
    padding: 0 0 0 5rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.showcase-information__texts {
    flex: 0 0 auto;
    width: 35%;
}

.showcase-information__texts>img {
    width: 395px;
    height: 130px;
    object-fit: contain;
    border-bottom: 1px solid #000;
}

.showcase_desde {
    text-transform: uppercase;
    margin-top: 1.5rem;
    margin-bottom: 0;
    font-size: 26px;
}

.showcase_precio {
    text-transform: uppercase;
    margin: 0.5rem 0;
    font-size: 46px;
}

.showcase_ctas_wrapper {
    display: flex;
    gap: 20px;
}

.showcase_ctas {
    padding: 1.25rem 2.5rem;
}

.showcase_ctas>a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
}

.showcase_primary-btn {
    background-color: var(--brand);
}

.showcase_primary-btn>a {
    color: #FFF;
}

.showcase_secondary-btn {
    background-color: #FFF;
    border: 1px solid #000;
}

.showcase_secondary-btn>a {
    color: #000;
}

.color-wrapper {
    margin-top: 0.85rem;
    display: flex;
    gap: 10px;
}

.color-selector-wrapper {
    border-radius: 50%;
    cursor: pointer;
    border: 1.5px solid;
    padding: 0.25rem;
    border-color: var(--gray-light-2);
}

.color-selector-wrapper-selected {
    border-color: var(--brand-secundary-light) !important;
}

.color-selector {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.descripcion_color {
    margin: 1rem 0;
}

.showcase-vehicle__image {
    flex: 0 0 auto;
    width: 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -80px 0px;
}

.showcase-vehicle__image>img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

@media (max-width:768px) {
    .showcase_filter {
        overflow-x: scroll;
    }

    .filter-group::-webkit-scrollbar {
        display: none;
    }
}

.showcase_filter>button {
    margin: 0 1.5rem;
    padding-bottom: 0.25rem;
    background-color: #fff;
    border: none;
    transition: all 200ms;
    color: var(--gray-light-5);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    font-size: var(--paragraph-1);
    font-family: var(--family-title);
}

@media (max-width:768px) {
    .showcase_filter>button {
        font-size: 15px;
        margin: 0 0.5rem;
    }
}

.showcase_filter>button:hover,
.showcase_filter>button:active {
    border-bottom: 4px solid var(--brand);
    font-weight: 400;
    color: var(--brand);
}

/* 
    .showcaseContent-text > h1 {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #666;
        font-family: var( --family-title);
        font-size: var(--title-1);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        color: var(--black);
    } */

/* .showcaseContent-text p {
        font-family: var( --family-title-2);
        font-size: var(--title-5);
        font-style: normal;
        font-weight: 400;
        line-height: 140%; 
        color: var(--black);
    } */

/* .showcaseContent-text .showcase_price {
        font-family: var( --family-title);
        font-size: 3.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    } */

/* .showcase_cta-black {
        color: var(--white);
        background-color: var(--brand);
        margin: 0 0 1rem 0;
        border: none;
        font-family: var(--family-title);
        font-size: var(--paragraph-1);
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
    } */
/* .showcase_cta-black:hover {
        color: var(--white);
        background-color: var(--brand-dark);
        border: none;
    } */
/* .showcase_cta-black:active {
        color: var(--white);
        background-color: var(--brand-dark-dark);
        border: none;
    } */

/* @media (max-width:768px) {
        .black-button {
            margin: 0;
        }
    } */
/* 
    .showcase_cta-white {
        color: var(--brand);
        background-color: var(--white);
        margin: 0 0 .1rem 0;
        font-family: var(--family-title);
        font-size: var(--paragraph-1);
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
        border: 2px solid var(--brand);
    }
    .showcase_cta-white:hover {
        color: var(--brand);
        background-color: var(--gray-light-4);
        
    }
    .showcase_cta-white:active {
        color: var(--brand);
        background-color: var( --gray-light-1);
        
    }

    @media (max-width:1242px) {
        .showcase_cta-white {
            margin-top: 1rem;
        }
    }

    .color_buttons-group {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    @media (max-width:500px) {
        .cta_colors-wrapper {
            display: flex;
            flex-direction: column;
        }

        .color_buttons-group {
            justify-content: center;
        }

        .cta-wrapper {
            order: 3;
        }
    }

    .color_names {
        color: #666;
    }

    .showcase_image-wrapper {
        aspect-ratio: 5/2;
        position: relative;
        background-image: linear-gradient(90deg, #FFF 35%, rgba(255, 255, 255, 0.15) 100%);
    }

    @media (max-width:768px) {
        .showcase_image-wrapper {
            background-image: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.15) 100%);
        }
    }

    .showcase_image-images {
        width: 100% !important;
        height: 90% !important;
        object-fit: contain !important;
    }

    .showcase-background-image {
        z-index: -1;
        width: 100% !important;
        height: auto !important;
        position: absolute;
        right: 0;
        top: 0;
    }

    @media (max-width:500px) {
        .showcase_image-images, .showcase-background-image {
            min-height: 150px !important;
        }
    }

    .home_showcase-arrow-wrapper {
        padding: 0 5rem;
        position: absolute;
        top: 5%;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    @media (max-width:768px) {
        .home_showcase-arrow-wrapper {
            display: none;
        }
    } */

/* SERVICES (DEALERSHIP) BLOCK */
.title-services {
    text-align: center;
    font-family: var(--family-title);
    font-size: var(--paragraph-2);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: var(--gray);
}

.dealership {
    padding-left: 0rem;
    padding-right: 0rem;
    gap: .5rem;
    display: flex;
    flex-direction: column;
}


.wrapper-dealership:nth-child(odd) {
    padding-right: .5rem;
}

.wrapper-dealership:nth-child(even) {
    padding-left: .5rem;
}


@media (max-width:767px) {
    .wrapper-dealership:nth-child(odd) {
        padding-right: 0rem;
    }

    .wrapper-dealership:nth-child(even) {
        padding-left: 0rem;
    }
}

.cajaMedia_content-wrapper {
    position: relative;
    margin-top: 1rem;
}

.cajaMedia_content-wrapper>img {
    width: 100%;
    /*Validar 99.85%*/
    aspect-ratio: 2;
    object-fit: cover;
    /* filter: brightness(60%); */
}

.cajaMedia_content-link {
    position: absolute;
    bottom: 0;
    padding: 2rem;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 19.33%, rgba(0, 0, 0, 0.00) 100%);
}

.cajaMedia_content-link>h2 {
    color: var(--white);
    text-decoration: none;
    font-family: var(--family-title);
}



/* CAJAS DE TIENDA ONLINE */
.shop-boxes {
    position: relative;
}

/* .shop-boxes > img {
            width: 100%;         
            background: linear-gradient(to right, black, rgba(255,255,255,0) 70.71%), var(--bg-shop);
        } */

.shop-boxes-bg {
    width: 100%;
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0) 35.71%), var(--bg-shop);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    min-height: 47.063rem;
    /* background-attachment: fixed; */

}

@media (max-width:768px) {
    .shop-boxes-bg {
        width: 100%;
        background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0) 70.71%), var(--bg-shop);
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left center;
        min-height: 22.063rem;
        /* background-attachment: fixed; */

    }

}

@media (max-width:500px) {
    .shop-boxes-bg {
        min-height: 10.063rem;
        /* background-attachment: fixed; */

    }

}

@media (max-width:350px) {
    .shop-boxes-bg {
        min-height: 10.063rem;
        /* background-attachment: fixed; */

    }

}

.shop-text {
    position: absolute;
    width: 100%;
    top: 0;
}

.shop-text>h4 {
    color: var(--darkGray);
    font-size: 1.375rem;
    font-family: var(--family-title);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 1.5rem;
}

.shop-text > div > p {
    color: var(--darkGray);
    font-family: var(--family-title-2);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    margin-top: 1.5rem;
}

.container-btn-tienda {
    padding-bottom: 3rem;
}

.shop-text>a {
    text-decoration: none;
    border: 2px solid var(--gray-dark-3);
    padding: 0.5rem 2rem;
    color: var(--brand-black);
    font-family: var(--family-title);
    text-transform: uppercase;
}


.shop-text>a:hover {
    color: var(--brand-white);
    background: #0000004f;
}

.shop-text>a:active {
    background-color: var(--gray-dark-4);
}

@media (max-width:768px) {
    .shop-text {
        position: static;
    }

    .shop-boxes {
        position: static;
    }

    .shop-boxes>img {
        margin-top: 2.5rem;
    }
}

@media (max-width:500px) {
    .shop-boxes>img {
        margin-top: 1rem;
        min-height: 276px;
        object-fit: cover;
    }

    .shop-text {
        padding: 1rem;
    }

    .shop-text>h4>strong {
        font-size: 20px;
    }

    .shop-text > div > p {
        font-size: 14px;
    }
}

/* CAJAS DE SERVICIOS */
.box-services {
    display: flex;
    justify-content: center;
}

.content-services {
    padding: 0rem 4rem;
}

@media (max-width:768px) {
    .content-services {
        padding: 0;
    }
}

.content-wrapper-services {
    margin: 0.35rem 0.35rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.content-wrapper-services>img {
    width: 100%;
    aspect-ratio: 1.05;
    object-fit: cover;
    transition: all 200ms;


}

@media (max-width:768px) {
    .content-wrapper-services {
        width: 93%;
        aspect-ratio: 1.05;
        object-fit: cover;
        transition: all 200ms;
        opacity: 80%;
    }
}

/* 
    @media (max-width:575px) {
        .content-wrapper-services {
            width: 82%;
            aspect-ratio: 1.05;
            object-fit: cover;
            transition: all 200ms;
            opacity: 80%;
        }
    } */

.content-wrapper-services>img:hover {
    transform: scale(1.25);
}

.services_boxes_btn {
    position: absolute;
    bottom: 0;
    padding-bottom: 1rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 19.33%, rgba(0, 0, 0, 0.00) 100%);
}

.services_boxes_btn>a {
    font-family: var(--family-title);
    transition: all 200ms;
    padding: 1rem;
    color: var(--white);
    text-transform: uppercase;
    border: 1px solid var(--white);
    text-decoration: none;
    background-color: transparent;
}

.services_boxes_btn>a:hover {
    background-color: var(--gray-dark-4);
}

.services_boxes_btn>a:active {
    background-color: var(--gray-dark-4);
}


.container-fluid.blog-swiper {
    width: 98%;
}

@media (max-width:640px) {
    .container-fluid.blog-swiper {
        width: 100%;
        padding-right: 0rem;
    }
}

.blog-main {
    margin-bottom: 7rem;
}

.subtitle-section-blog {
    font-family: var(--family-title);
    font-size: var(--paragraph-2);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
}

.head-section-blog {
    font-family: var(--family-title);
    font-size: var(--title-3);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.description-section-blog {
    font-family: var(--family-title-2) !important;
    font-size: var(--paragraph-1);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 1.575rem */
}