@font-face {
    font-family: 'Cupra';
    src: url('../fonts/Cupra.otf') format('otf'), url('../fonts/Cupra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cupra-Light';
    src: url('../fonts/Cupra-Light.otf') format('otf'), url('../fonts/Cupra-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cupra-Book';
    src: url('../fonts/Cupra-Book.otf') format('otf'), url('../fonts/Cupra-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cupra-Bold';
    src: url('../fonts/Cupra-Bold.otf') format('otf'), url('../fonts/Cupra-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cupra-Medium';
    src: url('../fonts/Cupra-Medium.otf') format('otf'), url('../fonts/Cupra-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");
.legalesauc {
    text-align: justify;
    width: 85%;
    margin-left: 5%;
    margin-bottom: 50px;
}
.aossimulado {
    opacity: 0;
    position: relative;
    top: 50px;
}

.modal-fullscreen .modal-body {
    background-color: white;
    overflow-y: initial;
}

.ubDist {
    margin-right: 20px;
}
.SelectPromociones, .SelectPromociones:focus {
    background-color: black !important;
    color: white !important;
    width: 250px;
}
.finFooter {
    margin-top: 40px;
}

.item-footer {
}
.contentPrivacidad {
    max-width: initial !important;
    margin: initial !important;
}

.cendiv {
    margin: 0 auto;
    width: 90%;
    padding: 21px;
    margin-top: 10%;
    text-align: justify;
}

.backLoadP, .backLoadP2 {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    background-color: transparent;
    background-color: rgba(0,0,0,0.76);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    color: white;
    font-size: 18px;
    overflow-x: hidden;
    overflow-y: auto;
}

.imgclose {
    width: 50px;
    position: absolute;
    z-index: 4;
    right: 40px;
    margin-top: -37px;
    cursor: pointer;
}


#dvLoading {
    display: none;
}
:root {
    font-size: 16px;
    --color-primary: #003E51;
    --color-font: #7D7D7D;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-grey: #888888;
    --color-grey-1: #F2F4F7;
    --color-grey-2: #EBEBEB;
    --color-grey-3: #D7D7D7;
}

body {
    padding-top: 130px;
    font-family: 'Cupra-Light';
    font-size: .875rem;
}

.txtWhite{
    color: #FFF !important;
}

.container {
    max-width: 1300px;
}

a, a:hover, span {
    text-decoration: none !important;
    color: black;
}

header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    height: 130px;
}

.backMenu {
    width: 100%;
    height: 100%;
    /*transition: all 0.4s ease-in-out;*/
    position: fixed;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(3px);
    z-index: 9;
    display: none;
}

.backMenu.open{
    width: 100%;
    height: 100vh;
}

.bg-color-gray {
    background-color: #F8F8F8; 
}

.bg-color-white {
    background-color: #FFF;
}


.bg-color-blue {
    background-color: #003c4a;
}

h2 {
    font-weight: 700;
    text-align: center;
    margin: 30px 0;
    font-size: 40px;
}

h3{
    font-weight: 600;
    font-size: 38px;
}

.paddingSection{
    padding: 50px 0;
}

.paddingSection1 {
    padding: 30px 0;
}

h4 {
    margin: 0;
    font-weight: 600;
    font-family: 'Cupra';
}

h5 {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Cupra';
}

.horariosFooter span {
    font-size: 14px;
    font-weight: 800;
    font-family: 'Cupra';
    display: block;
    margin-top: 20px;
}

.horariosFooter font {
    display: block;
}

.linkFooter a {
    color: #000;
    display: flex;
}
/*Menu*/
.modelosMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.modeloItem {
    width: 25%;
}

.modeloItem a{
    color: #000 !important;
}

.btnModels {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.btnModels .btn{
    width: 48%;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    height: 40px;
}

.modeloItem img {
    width: 100%;
}

.headSubMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.linsSubMenus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.listLinks {
    width: calc(100% - 450px);
    display: flex;
    flex-direction: column;
}

.listLinks a {
    color: #000;
    font-size: 27px;
    margin-bottom: 25px;
    width: auto;
    display: inline-flex;
}

.imgSubMenu {
    width: 300px;
    margin-top: -40px;
}

.imgSubMenu img{
    width: 100%;
}

.ubDist a img {
    width: 12px;
    height:auto;
    margin-right: 8px;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}
/*estilos generales formularios*/
.form-control,
.form-select {
    border-radius: 0;
    height: 40px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #707070;
}

.form-control:focus,
.form-select:focus{
    color: #495057;
    background-color: #fff;
    border-color: #707070;
    outline: 0;
    box-shadow: none;
}

.form-check{
    margin: 0 15px;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}

.form-check-label {
    margin-top: 5px;
}

.custom-select {
    background-image: url(/assets/img/home/flecha-menu.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
    padding-right: 20px !important;
}

/*crm*/

.crm {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    z-index: 100;
    height: 100%;
}

    .crm .prueba {
        position: relative;
        display: flex;
        width: 50px;
        height: 25%;
        color: #fff;
        margin-bottom: 5px;
    }

        .crm .prueba article {
            display: flex;
            align-items: center;
            width: 100px;
            height: 100%;
            background-color: #003E51;
            padding-left: 4px;
            overflow: hidden;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }


            .crm .prueba article i {
                font-size: 25px;
                margin-right: 12.5px;
                margin-left: 12.5px;
            }

            .crm .prueba article img {
                width: auto;
                margin-right: 12.5px;
                margin-left: 12.5px;
            }

            .crm .prueba article span {
                width: 100%;
                height: 100%;
                font-size: 15px;
                text-align: center;
                letter-spacing: 1px;
                opacity: 0;
                transition: all 0.5s ease-in-out;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #000;
                color: #f1f2f3;
                flex-direction: column;
            }

            .crm .prueba:hover article span{
                opacity: 1;
            }

            .crm .prueba:hover article a{
                opacity: 1;
            }


            .crm .prueba article a {
                width: 170px;
                font-size: 14px;
                text-align: center;
                letter-spacing: 1px;
                opacity: 0; 
                transition: all 0.5s ease-in-out;
            }

    .crm a.prueba:hover article {
        position: absolute;
        right: 0;
        width: 300px;
        padding-left: 0;
        background-color: #003e51;
    }

    .crm .prueba:hover article {
        position: absolute;
        right: 0;
        width: 350px;
        padding-left: 50px;
        background-color: #003e51;
    }

    .crm div.prueba article a {
        width: 100%;
        font-size: 14px;
        letter-spacing: 1px;
        text-align: left;
    }

.itemsWA {
    padding: 25px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    /*background-color: red;*/
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.crm .prueba article.btnWA {
    padding-left: 0;
}

/*.crm .prueba:hover article.btnWA {
    background-color: #25D366;
}*/

.crm .prueba:hover article {
    background-color: #003e51;
}

.crm .prueba:hover .itemsWA {
    background-color: #000;
}

.itemsWA a {
    display: block;
    color: #fff;
    font-size: 13px;
}

.itemsWA a font{
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 5px;
}

.itemsWA a i {
    display: none;
}

/*header contacto*/
.telsDist {
    display: flex;
    flex-wrap: wrap;
}

.telsContent {
    display: flex;
    flex-wrap: wrap;
}

.telsContent a{
    margin-left: 10px;
    border-right: 1px solid #000;
    padding-right: 10px;
}

.telsContent a:first-child{
    margin-left: 0;
}

.telsContent a:last-child{
    border-right: none;
}

.telsContent a:first-child span{
    margin-left: 6px !important;
}

.telsContent a span{
    font-family: 'Cupra' !important;
    margin-left: 0 !important;
}

.telsContent a font{
    font-family: 'Cupra-Light';
    font-weight: 600;
    margin-left: 5px;
}

.telsMovil{
    display: none;
}

.telsContent a i {
    display: none;
}

.telsContent a:first-child i {
    display: block;
}

.cerrarSubMenu i{
    color: #000;
    font-size: 25px;
    cursor: pointer;
}

.topHeader {
    height: 65px;
    padding: 0 75px 0 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.topHeader a{
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-family: 'Cupra';
}

.topHeader a span{
    font-weight: 600;
    font-family: 'Cupra-Light';
    margin-left: 5px;
}

.menuBottom {
    height: 65px;
    padding: 0 75px 0 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
}

.logoCupra img {
    width: 170px;
    height: auto;
}

#accordion {
    display: flex;
    flex-wrap: wrap;
}

#accordion .btnmenu,
#accordion .btnmenu2{
    font-weight: 600;
    color: #000;
    font-size: 16px;
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
}

#accordion .btnmenu:hover,
#accordion .btnmenu:hover {
    text-decoration: none;
}

.btn-link.btnmenu {
    background-image: url(/assets/img/home/flecha-menu.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 20px !important;
    margin-right: 10px;
}

.menuCollpase {
    position: absolute;
    /*background-color: #fff;*/
    width: 100%;
    left: 0;
    top: 65px;
    padding: 0 50px;
    height: calc(90vh - 130px);
    transition: all 0.4s linear;
}

/*cotización rápida*/

.cotRapida {
    display: flex;
    flex-wrap: wrap;
}

.cotRapida .form-select,
.cotRapida .form-control{
    width: 19%;
    margin: 0 0.5%;
}

.checkItems {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto;
}

.checkItems .custom-control{
    padding: 0 15px;
}

.txtLegalForm {
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
    font-family: 'Cupra-Medium';
    margin: 15px 0 0 0;
}

.radiosForm .form-control {
    margin-bottom: 5px !important;
    width: 100% !important;
}

.radiosForm{
    width: 23%;
}

.radiosForm.formCS{
    width: 100%;
} 

.btn {
    width: 300px;
    height: 45px;
    border-radius: 0;
    color: #fff;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
}

.btn:hover{
    color: #000;
    border: 1px solid #000;
}

.divBanners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.slideBanners {
    width: 55%;
}

.infoBanners {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.infoBanners img{
    width: 100%;
}

.bannerBottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
}


.bannerMid {
    width: 49%;
    position: relative;
}

.titleBanner {
    position: absolute;
    top: 20px;
    color: #fff;
    left: 20px;
}

.linkBanner {
    position: absolute;
    bottom: 20px;
    color: #fff;
    right: 20px;
}

.linkBanner a{
    text-decoration: none;
    color: #fff;
    font-size: 25px;
}

.bannerMid a:hover {
    color: #a3a3a3;
}

/* Brightness-zoom */
.imgZoomIn {
    overflow: hidden;
    position: relative;
}

.imgZoomIn img {
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(100%);
    width: 100% !important;
    height: auto;
}

.imgZoomIn:hover img {
    filter: brightness(50%);
    transform: scale(1.3);
}

.imgZoomIn2 {
    overflow: hidden;
    position: relative;
}

.imgZoomIn2 img {
    transition: filter 1s ease-in-out;
    transform-origin: center center;
    filter: brightness(100%);
    width: 100% !important;
    height: auto;
}

.slider-homeC2:hover .imgZoomIn2 img {
    filter: brightness(80%);
}

.btn-transparent {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px !important;
    width: 200px;
}

.btn-transparent:hover{
    color: #fff;
}

.slider-homeC2 .owl-next{
    right: 15px;
}

.slider-homeC .owl-next {
    right: 100px;
}

.slider-homeC .owl-prev {
    left: 50px;
    transform: rotate(3.142rad) !important;
}

.slider-homeC2 .owl-prev {
    left: 15px;
    transform: rotate(3.142rad) !important;
}

.slider-homeC2.owl-theme .owl-nav [class*=owl-]:hover,
.slider-homeC.owl-theme .owl-nav [class*=owl-]:hover {
    background: hsla(0,0%,100%,.2) /*rgba(255, 255, 255, 0.2)*/;
    color: #FFF;
    text-decoration: none;
}

.slider-homeC.owl-theme .owl-dots, .owl-theme .owl-nav {
    margin-top: 15px;
}

.slider-homeC2.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    color: #fff;
    height: 45px;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    text-align: center;
    width: 45px;
}

.slider-homeC2.owl-theme .owl-nav [class*=owl-] img{
    width: 50px;
    height: 25px;
    padding: 5px;
}

.slider-homeC.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 40%;
    color: #fff;
    height: 45px;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    text-align: center;
    width: 45px;
    filter: brightness(0.9);
    transform: translate(0, -50%);
}

.slider-homeC.owl-theme .owl-nav [class*=owl-] img{
    width: 50px;
    height: 25px;
    padding: 5px;
        filter: brightness(0.5);
}

.slider-homeC2.owl-theme .owl-nav,
.slider-homeC.owl-theme .owl-nav {
    margin-top: 0 !important;
}

.txtSlideBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 30px;
    width: 100%;
    padding: 0 30px;
}

.txtSlideBanner span{
    color: #fff;
    font-size: 20px;
}

.titleSlide {
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 10%;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.slider-homeC2:hover .item .titleSlide {
    opacity: 1;
}

.titleSlide p{
    font-size: 20px;
}

.titleSlide h3 {
    font-size: 60px;
}

.linkBanner a img {
    width: 8px !important;
    margin-left: 10px;
}

/*menu movil*/
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.menu-button:hover .line {
    stroke: #000;
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham1 .top {
    stroke-dasharray: 40 139;
}

.ham1 .bottom {
    stroke-dasharray: 40 180;
}

.ham1.active .top {
    stroke-dashoffset: -98px;
}

.ham1.active .bottom {
    stroke-dashoffset: -138px;
}

.menu-button {
    display: none;
}

.close-menu {
    display: none;
}

.formMidSize.inputForm .form-control {
    width: 100% !important;
}

.formFullSize.inputForm .form-control {
    width: 100% !important;
}

.formFullSize{
    width: 100%;
}
/* ============================================================
utilities
============================================================ */
.color-primary {
    color: var(--color-primary);
}

.color-font {
    color: var(--color-font);
}

.color-white {
    color: var(--color-white);
}

.color-black {
    color: var(--color-black);
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: .875rem;
}

.font-16 {
    font-size: 1rem;
}

.font-18 {
    font-size: 1.125rem;
}

.font-20 {
    font-size: 1.25rem;
}

.font-24 {
    font-size: 1.5rem;
}

.font-28 {
    font-size: 1.75rem;
}

.font-32 {
    font-size: 2rem;
}

.font-44 {
    font-size: 2.5rem;
}

.font-48 {
    font-size: 3rem;
}

.font-normal {
    font-family: 'Cupra';
}
.font-light {
    font-family: 'Cupra-Light';
}
.font-medium {
    font-family: 'Cupra-Medium';
}
.font-bold {
    font-family: 'Cupra-Bold';
}

.border-black {
    border: solid 1px var(--color-black);
}

.border-grey-3 {
    border: solid 1px var(--color-grey-3);
}
/*  */
.border-bottom-grey-3 {
    border-bottom: solid 1px var(--color-grey-3);
}

.border-bottom-black {
    border-bottom: solid 1px var(--color-black);
}


/* ============================================================
secciones
============================================================ */
.sec-header-banner {
    position: relative;
    margin-bottom: 80px;
}

    .sec-header-banner .image img {
        width: 100%;
    }

    .sec-header-banner .title {
        position: absolute;
        top: 23%;
        max-width: 500px;
        width: 100%;
        color: var(--color-white);
        font-size: 60px;
        font-weight: 300;
        line-height: 1;
        margin: 0 20px;
        /*transform: translateY(-50%);*/
    }

.sec-intro {
    max-width: 950px;
    width: 100%;
    text-align: center;
    border: solid 1px var(--color-grey-3);
    margin: 0 auto 48px;
}


/* ============================================================
secciones - cupra care
============================================================ */
.banner-cupra-care {
    position: relative;
    margin-bottom: 80px;
}

    .banner-cupra-care .image img {
        width: 100%;
    }

    .banner-cupra-care .title {
        position: absolute;
        top: 23%;
        color: var(--color-white);
        font-size: 60px;
        font-weight: 300;
        line-height: 1;
        margin: 0 20px;
    }

.cupra-care-intro {
    /*max-width: 950px;*/
    width: 100%;
    font-weight: 500;
    text-align: center;
    border: solid 1px var(--color-grey-3);
    margin: 0 auto 48px;
}

/* ---------- */
.cupra-care-card {
    position: relative;
    margin-bottom: 80px;
}

    .cupra-care-card .info {
        position: absolute;
        z-index: 1;
        max-width: 740px;
        width: 100%;
        width: calc(50% + 65px);
        display: flex;
        gap: 20px;
        background-color: var(--color-white);
        padding-right: 65px;
        padding-top: 10px;
        padding-bottom: 65px;
    }

        .cupra-care-card .info.left {
            left: 0;
            top: 0;
            padding-left: 0;
            padding-right: 65px;
            padding-top: 10px;
            padding-bottom: 65px;
        }

        .cupra-care-card .info.right {
            right: 0;
            bottom: 0;
            padding-left: 65px;
            padding-right: 0;
            padding-top: 65px;
            padding-bottom: 10px;
        }

        .cupra-care-card .info > div {
            flex: 1;
        }
    /* .cupra-care-card .info .parr {
    font-weight: 350;
} */
    .cupra-care-card .image {
        width: 50%;
    }

        .cupra-care-card .image img {
            width: 100%
        }

    .cupra-care-card .text-end {
        width: auto !important;
    }
/* ---------- */

.card-cupra-care {
    position: relative;
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.text-end {
    width: 40% !important;
}

.card-cupra-care .info {
    width: 60% !important;
}

.text-end.order2{
    order: 2;
}


.PlecaW {
    background-color: #fff;
    width: 65px;
    height: 220px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.PlecaW2 {
    background-color: #fff;
    width: 65px;
    height: 220px;
    position: absolute;
    top: -1px;
    right: -1px;
}

.image.d-inline-block{
    position: relative;
}

.card-cupra-care .info {
    position: relative;
    z-index: 1;
    /*max-width: 740px;*/
    /*width: 100%;*/
    /*width: calc(50% + 65px);*/
    display: flex;
    gap: 20px;
    background-color: var(--color-white);
    padding-right: 65px;
    padding-top: 10px;
    padding-bottom: 65px;
}

        .card-cupra-care .info.left {
            left: 0;
            top: 0;
            padding-left: 0;
            padding-right: 65px;
            padding-top: 10px;
            padding-bottom: 65px;
        }

        .card-cupra-care .info.right {
            right: 0;
            bottom: 0;
            padding-left: 65px;
            padding-right: 0;
            padding-top: 65px;
            padding-bottom: 10px;
        }

        .card-cupra-care .info > div {
            flex: 1;
        }
    /* .card-cupra-care .info .parr {
    font-weight: 350;
} */
    /*.card-cupra-care .image {
        width: 50%;
    }*/

        .card-cupra-care .image img {
            width: 100%
        }

.info .btn{
    width: 100%;
}
/* ============================================================
secciones - servicio mantenimiento
============================================================ */
.table-servicio-mant .table {
    text-align: center;
}

    .table-servicio-mant .table td {
        vertical-align: middle;
    }

/*footer*/

.contentFooters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 60px;
}

.footerMapa{
    width: 19%;
}

.footerInfo {
    width: 19%;
}

.itemFooter {
    width: 14%;
}

.footerRedes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 35px;
}

    .footerRedes a img {
        width: 35px;
        height: auto;
        padding-bottom: 5px;
    }

.footerMapa img{
    width: 100%;
    height:auto;
}

.footerMapa p {
    font-size: 13px;
    margin-top: 10px;
}

.footerRedes a {
    margin-right: 15px;
}

.telsFooter a {
    color: #000;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.telsFooter a i{
    margin-right: 10px;
}

.disFooter{
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Cupra';
    font-size: 16px;
    letter-spacing: 1px;
}

.btnTelFooter{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #000;
}

.btnTelFooter i{
    margin-right: 10px;
}

.btnTelFooter span{
        font-weight: 600;
    font-family: 'Cupra';
    margin-right: 5px;
}

.finFooter p {
    text-align: center;
    font-size: 15px;
    font-family: 'Cupra';
}

.finFooter a {
    color: #000;
    padding: 0 15px;
    font-family: 'Cupra-Light';
}

.link-xs {
    background: #fff;
    text-align: center;
}

.link-xs a img {
    width: 270px;
    height:auto;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    filter: brightness(0.5);
}

footer {
    padding-top: 50px;
    border-top: 2px solid #dddddd;
}

/*cotización*/

.subTitleForm {
    font-weight: 600;
    font-family: 'Cupra-Medium';
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
    display: block;
    width: 100%;
}

.divForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.formCot .form-select{
    width: 48%;
    margin-bottom: 20px;
}

.formCot input.form-control {
    width: 23%;
    margin-bottom: 20px;
}

textarea.form-control {
    height: auto;
}

.form-check-label a{
    font-weight: 600;
    color: #000;
    margin-left: 3px;
    text-decoration: underline !important;
}

.formCotTipo{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.formCot .formCotTipo .form-control {
    width: 31%;
}

/*cita de servicio*/
.formMidSize{
    width: 47%;
}

.formMidSize .form-select{
    width: 100%;
}

.formCita .form-control,
.formCita .form-select {
    margin-bottom: 20px;
}
/* ============================================================
secciones - promociones
============================================================ */
.card-promo {
    margin-bottom: 80px;
}

.card-promo .PlecaW2{
    display: none;
}

.card-promo .image {
    margin-bottom: 20px;
    position: relative;
}

        .card-promo .image img {
            width: 100%;
        }

.btn-coll-promoterminos::after {
    content: "\F286";
    display: inline-block;
    vertical-align: middle;
    font-family: bootstrap-icons !important;
    margin-top: -2px;
    margin-left: 4px;
}

.btn-coll-promoterminos.collapsed::after {
    content: "\F282";
}


/* ============================================================
contacto
============================================================ */
.redes {
    display: inline-flex;
    gap: 20px;
    margin-bottom: 30px;
}

    .redes .icon {
        display: block;
        width: 40px;
        height: 40px;
    }


/* ============================================================
tomamos tu auto
============================================================ */
.table-tomamos-tu-auto td {
    width: 50%;
    line-height: 1;
    border-bottom: none;
}

    .table-tomamos-tu-auto td:first-child {
        border-right: solid 1px var(--color-black);
    }


/* ============================================================
formularios
============================================================ */
/* ========== buttons ========== */
.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* width: 300px; */
    height: 45px;
    color: var(--color-white);
    text-decoration: none;
    background-color: var(--color-black);
    padding: 0 30px;
    /* margin: 0 auto; */
    border: none;
    border-radius: 0;
}

.button-outline {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* width: 300px; */
    height: 45px;
    color: var(--color-black);
    text-decoration: none;
    background-color: var(--color-white);
    padding: 0 30px;
    /* margin: 0 auto; */
    border: solid 1px var(--color-black);
    border-radius: 0;
}

.contComboAuto {
    margin: auto;
    width: 100%;
}

.selectAuto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.selectAuto .form-select{
    width: 31%;
}

.fechaDato .gj-datepicker-bootstrap [role=right-icon] button {
    min-width: 38px;
    border-radius: 0;
    border: 1px solid #000;
    background: transparent;
    border-left: none !important;
    border-top: 0;
    border-right: 0;
    height: 40px;
}

    .fechaDato .gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
    .fechaDato .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
        font-size: 21px;
        top: 15px;
        color: #000;
    }

.fechaDato .form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.gj-button, .gj-button-md, .gj-cursor-pointer {
    color: #000 !important;
}

.fechaDato .btn-outline-secondary:not(:disabled):not(.disabled).active,
.fechaDato .btn-outline-secondary:not(:disabled):not(.disabled):active,
.fechaDato .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #6c757d;
}

.formPM .finForm {
    width: 100%;
    align-items: center;
}


    /* ========== inputs ========== */
    .form-control, .custom-select {
        height: 40px;
        font-size: .875rem;
        border-radius: 0;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #707070;
    }

.custom-select {
    background-image: url(./assets/img/flecha-menu.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
    padding-right: 20px !important;
}

/* ========== checkboxs y radios ========== */
.form-check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 45px;
}

.form-check-input {
    border-color: var(--color-font);
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .form-check-input:checked {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
    }

.subirArchivo {
    position: relative;
    width: 100%;
    height: 30px;
}

.subirArchivo input{
    position: absolute;
    width: 100%;
    height: 40px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #000 !important;
    cursor: pointer;
}

.subirArchivo input:focus,
.subirArchivo input:focus-visible,
.subirArchivo input:hover{
    position: absolute;
    width: 100%;
    height: 40px;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #000 !important;
    cursor: pointer;
}

.nota-form{
    display: none;
}

.nota-form.mob {
    display: block;
}

.nombreFile {
    display: block;
    margin-top: 20px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.custom-file-label {
    position: absolute;
    padding-left: 15px;
    cursor: pointer;
}

.contEnviar {
    justify-content: center;
    flex-direction: column;
}

.contEnviar .button {
    width: 250px;
    margin: 0 auto;
}

.contEnviar .custom-checkbox{
        margin-bottom: 20px;
}

.subirArchivo i {
    position: absolute;
    right: 15px;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.modal {
    transition: all 0.8s linear !important;
    left: -100% !important;

}

.modal.show {
    left: 0 !important;
 
}

/*tarjetas contacto*/

.contentTarjeta{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.imgFront {
    width: 100%;
    z-index: 2;
    position: relative;
}

.imgTarjetas {
    position: relative;
    background-color: #fff;
    /*background-image: url(/assets/img/contacto/300x435-01.png);*/
    background-repeat: no-repeat;
    /*background-position-x: 20px;*/
    background-size: cover;
    /*background-position-y: 0;*/
    background-position: top;
}

.tarjetaOculta{
    display: none;
}

.tarjetaOculta.viewImg {
    display: block;
}

.btnTarjeta.active i {
    transition: all 0.4s ease-in;
    margin-left: 15px;
    margin-top: 3px;
    transform: rotate(0deg);
}

.btnTarjeta i {
    transform: rotate(-180deg);
    margin-left: 15px;
    margin-top: 3px;
    transition: all 0.4s ease-in;
}

/*.btnTarjeta.hide {
    background-image: url(/assets/img/home/flecha-menu.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    color: #000;
    background-position-x: 137px;
    background-position-y: center;
    background-size: 12px;
    width: 200px;
    margin: 25px auto;
    font-weight: 600;
}*/

.btnTarjeta {
    background-color: transparent;
    width: 200px;
    margin: 25px auto;
    font-weight: 600;
    color: #000;
    border: none;
}

.btnTarjeta:hover {
    color: #000;
    border: none;
}

.btnTarjeta span{
    margin-left: 5px;
}

.btnLess {
    display: block;
}

.btnPlus {
    display: none;
}

.btnTarjeta.active .btnPlus {
    display: block;
}

.btnTarjeta.active .btnLess {
    display: none;
}
/*.imgback {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}*/
.infoContacto article {
    font-weight: 600;
    letter-spacing: 1px;
    color: #95572b;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 15px;
    font-family: 'Cupra-Book';
}

.infoContacto span {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Cupra-Medium;
    color: #95572b;
    font-size: 17px;
}

.tarjetaContacto {
    width: 22%;
    margin: 0 1.5% 25px;
}

.infoContacto {
    padding: 15px 20px;
    background-color: #F8F8F8;
}

.infoContacto p{
    margin: 0;
}

.infoContacto p a{
    color: #95572b;
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: 'Cupra';
}

.infoContacto p a img{
        padding: 3px;
    margin-right: 10px;
}

/* ============================================================
mediaqueries
============================================================ */
@media (max-width: 1300px) {
    .telsContent a font {
        display: none;
    }

    #accordion .btnmenu,
    #accordion .btnmenu2{
        font-size: 13px;
        padding: 0.375rem 0.5rem;
        margin: 0;
    }

}


@media (max-width: 1200px) {
    .item-footer {
        width: 20%;
    }
    h3 {
        font-size: 30px;
    }

    .btn-link.btnmenu {
        background-position-x: 95%;
        margin-right: 0;
    }

    .modeloItem {
        width: 30%;
    }

    .modelosMenu {
        justify-content: space-between;
    }

    .logoCupra img {
        width: 150px;
        height:auto;
    }

    .container{
        padding: 0 65px 0 15px
    }

    .footerInfo {
        width: 28%;
        margin: 0 1% 0;
    }

    .itemFooter {
        width: 19%;
        margin: 0 0.5% 15px;
    }

    .footerMapa {
        margin: 0 0.5% 0;
        width: 29%;
    }

    .contentFooters {
        justify-content: flex-start;
    }

    .linkBanner a {
        font-size: 18px;
    }

    .card-cupra-care .info {
        width: 55% !important;
    }

  

    .text-end {
        width: 45% !important;
    }

    .card-cupra-care .info{
        padding-right: 0;
    }

    .text-md-end article{
        font-size: 24px;
    }

    /*tarjetas contact*/

    .tarjetaContacto {
        width: 29%;
        margin: 0 2.1% 25px;
    }

}


@media (max-width: 991px) {

    .card-cupra-care .info p {
        font-size: 14px;
        text-align: right;
    }

    .cotRapida .form-select, .cotRapida .form-control {
        width: 32%;
        margin: 20px 0.5% 0;
    }

    .slideBanners {
        width: 80%;
        margin: 0 auto;
    }

    .infoBanners {
        width: 80%;
        margin: 20px auto 0;
        padding: 0;
    }

    .bannerTop {
        width: 100%;
    }

    .optMenu {
        position: fixed;
        top: 130px;
        bottom: 0;
        right: -100%;
        padding: 25px;
        margin: 0;
        z-index: 3;
        width: 500px;
        height: calc(100vh - 130px);
        transform: translate3d(0,0,0);
        transition: right .4s ease-in-out .1s;
        background-color: #fff;
        /*transform: translate3d(0px, 0px, 0px);
        overflow-y: scroll;
        overflow-x: hidden;*/
        border-top: 1px solid #f8f8f8;
    }

    .optMenu.open{
        right: 50px;
    }

    .menu-button{
        display: block;
    }

    /*.menuBottom {
        padding: 0 10px 0 25px;
    }*/

    .backMenu {
        height: 0;

    }

    .menuCollpase {
        position: relative;
        left: unset;
        top: unset;
        height: auto;
        padding: 15px;
    }

    .menuCollpase.bg-color-gray{
        background-color: #fff !important;
    }

   
    .cardMenu {
        width: 100%;
        border-bottom: 1px solid #323232;
    }

    #accordion .btnmenu,
    #accordion .btnmenu2 {
        font-size: 18px;
        background-position-x: 90%;
        background-size: 14px;
    }

    .imgSubMenu{
        display: none;
    }

    .headSubMenu{
        display: none;
    }

    .listLinks{
        width: 100%;
    }

    .linsSubMenus{
        margin-top: 0;
    }

    .listLinks a {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .modelosMenu {
        justify-content: space-between;
    }

    .listLinks a:last-child{
        margin: 0;
    }

    .modeloItem {
        width: 47%;
    }

    .btnModels .btn {
        width: 100%;
        font-size: 14px;
        margin-bottom: 10px;
    }

    #accordion {
        scrollbar-width: thin;
        scrollbar-color: #27509B #27509B;
        padding-right: 5px;
    }

    .ubDist a span {
        display: none;
    }

    .telsContent a i{
        display: block;
    }

    .telsContent a span {
        margin-left: 6px !important;
    }
    /* Works on Chrome, Edge, and Safari */
    #accordion::-webkit-scrollbar {
        width: 10px;
    }

    #accordion::-webkit-scrollbar-track {
        background: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        border: 3px solid transparent;
    }

    #accordion {
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(90vh - 130px);
        align-items: center;
        transform: translate3d(0px, 0px, 0px);
    }

    .menuCollpase .container{
        padding: 15px;
    }

    .itemFooter {
        width: 30%;
        margin: 0 0 15px;
    }

    .footerInfo {
        width: 30%;
        margin: 0;
    }

    .footerMapa {
        margin: 0;
        width: 30%;
    }

    .contentFooters {
        justify-content: space-between;
    }

    /*COTIZACIÓN*/
    .formCot input.form-control {
        width: 48%;
        margin-bottom: 20px;
    }

    .radiosForm {
        width: 48%;
    }

    .accordion-collapse p {
        text-align: left !important;
    }

    


}

@media (max-width: 768px) {   
    /*.redes {*/
        /* display: inline-flex; */
        /*gap: 20px;
        margin-bottom: 30px;
        width: 100%;
        float: left;
        display: initial;
    }
        .redes .icon {
            float: right;
            margin-left: 20%;
        }*/
    .ccontacto .redes {
        justify-content: flex-end;
    }
    .card-promo .PlecaW2 {
        display: block;
    }

    .card-promo .info {
        text-align: right;
    }

    .card-cupra-care .info p {
        text-align: left;
    }

    .PlecaW {
        display: block;
        bottom: -1px;
        top: unset;
        height: 25px;
        width: 90%;
    }

    .PlecaW2 {
        display: block;
        bottom: -1px;
        top: unset;
        height: 25px;
        width: 90%;
    }

    .SelectPromociones, 
    .SelectPromociones:focus {
        background-color: black;
        color: white;
        width: 100%;
    }
    .item-footer {
        width: 50%;
        margin-top: 20px;
    }
    .cotRapida .form-select, .cotRapida .form-control {
        width: 48%;
        margin: 20px 1% 0;
    }

    .container {
        padding: 0 25px;
    }

    .slideBanners {
        width: 100%;
    }

    .infoBanners {
        width: 100%;
    }

    .slider-homeC2.owl-theme .owl-nav [class*=owl-] {
        top: 35%;
    }

    .slider-homeC2 .owl-next, .slider-homeC .owl-next {
        right: 5px;
    }

    .slider-homeC2 .owl-prev, .slider-homeC .owl-prev {
        left: 5px;
    }

    .titleSlide {
        margin-bottom: 5%;
    }

    #accordion .container {
        padding: 0;
    }

    h4 {
        font-size: 20px;
    }

    .telsContent a {
        flex-direction: column;
        text-align: center;
        border-right: none;
    }

        .telsContent a span,
        .telsContent a:first-child span {
            margin: 0 !important;
            font-weight: 300;
        }

    .listLinks {
        padding-left: 30px;
    }

    .crm {
        position: fixed;
        top: 130px;
        right: 0;
        width: 100%;
        z-index: 50;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background-color: #fff;
        height: auto;
    }

        .crm .prueba {
            position: initial;
            display: flex;
            width: 24.5%;
            height: 40px;
            color: #fff;
            margin-bottom: 0;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            .crm .prueba article {
                width: 100%;
            }

                .crm .prueba article span {
                    display: none;
                }

                .crm .prueba article i {
                    font-size: 22px;
                    margin: 0 auto;
                }

    .crm .prueba article img {
        margin: 0 auto;
    }

    .itemsWA a i {
        display: block;
    }

    .itemsWA a font{
        display: none;
    }

    .topHeader {
        padding: 0 25px;
    }

    .menuBottom {
        padding: 0 25px;
    }

    /*.prueba .itemsWA {
        position: absolute;
        background-color: transparent;
        top: 40px;
        padding: 0;
        height: 55px;
        opacity: 0;
        transition: all 1s ease-in;
        display: none;
    }*/

    .prueba .itemsWA a i{
        font-size: 18px;
        margin-bottom: 5px;
    }

    /*div.prueba:hover .itemsWA {
        top: unset;
        opacity: unset;
        background-color: unset;
        display: unset;
    }*/

    /*div.prueba .itemsWA.active {
        top: 40px;
        opacity: 1;
        background-color: #000;
        display: flex;
    }*/

    div.prueba .itemsWA.active {
        position: absolute;
        background-color: #000;
        top: 40px;
        padding: 0;
        height: 55px;
        opacity: 1;
        transition: all 1s ease-in;
        /* display: none; */
        width: 100%;
        opacity: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    div.prueba .itemsWA{
        display: none;
    }



    body {
        padding-top: 170px;
    }

    .crm div.prueba article a {
        width: 25%;
        font-size: 13px;
        letter-spacing: 0;
        text-align: center;
        color: #fff;
        opacity: 1;
        line-height: 16px;
    }


    .crm .prueba:hover article.btnWA {
        background-color: #003e51;
    }

    .crm div.prueba:hover article {
        position: initial;
    }

    .crm a.prueba:hover article {
        position: relative;
        right: unset;
        width: 100%;
        padding-left: 0;
        background-color: #003e51;
    }

    .optMenu {
        top: 170px;
    }

    .optMenu.open {
        right: 0;
    }

    .itemFooter {
        width: 48%;
        margin: 25px 0 20px;
    }

    .footerInfo {
        width: 48%;
        margin: 0 0 20px;
    }

    .footerMapa {
        margin: 0 0 20px;
        width: 48%;
    }

    /*cotización*/

    .formCot input.form-control {
        width: 48%;
    }

    .formCot .form-select {
        width: 48%;
    }

    .formCot .formCotTipo .form-control {
        width: 48%;
    }

    /*CITA DE SERVICIO*/
    .divForm.formCita .formMidSize {
        width: 100%;
    }

    .banner-cupra-care {
        margin-bottom: 50px;
    }

    .nota-form {
        display: block;
    }

    .nota-form.mob {
        display: none;
    }

    /* ---------- */
    .cupra-care-card {
        margin-bottom: 10px;
    }

        .cupra-care-card > div:first-child {
            margin-left: -12px;
            margin-right: -12px;
        }

        .cupra-care-card .info {
            position: inherit;
            flex-direction: column;
            width: 100%;
            padding: 20px;
        }

            .cupra-care-card .info.left {
                padding: 20px;
                top: -50px;
                width: 95%;
            }

            .cupra-care-card .info.right {
                padding: 20px;
                text-align: right;
                bottom: unset;
                top: -25px;
                width: 95%;
                right: -5%;
            }

        .cupra-care-card .image {
            position: relative;
            width: 100%;
            /* margin-left: -12px;
        margin-right: -12px; */
        }
    /* ---------- */
    .card-cupra-care {
        margin-bottom: 10px;
    }

        .card-cupra-care > div:first-child {
            margin-left: -12px;
            margin-right: -12px;
        }

        .card-cupra-care .info {
            position: inherit;
            flex-direction: column;
            width: 100%;
            padding: 20px;
        }

            .card-cupra-care .info.left {
                padding: 20px;
                top: -50px;
                width: 95%;
            }

            .card-cupra-care .info.right {
                padding: 20px;
                bottom: unset;
                top: -25px;
                width: 95%;
                right: -5%;
            }

    /*.accordion-collapse p{
        text-align: left;
    }*/

    .card-cupra-care .image {
        position: relative;
        width: 100%;
        /* margin-left: -12px;
        margin-right: -12px; */
    }

    .cupra-care-card .info.right small {
        position: absolute;
        right: 20px;
    }

    .text-end {
        width: 1000% !important;
    }

    /*.PlecaW, .PlecaW2{
        display: none;
    }*/

    .text-end.order2 {
        order: 0;
    }

    .card-cupra-care .info {
        width: 100% !important;
    }

    .txtRight p{
        text-align: right !important;
    }

    .text-md-end.txtRight,
    .text-md-end.txtRight p{
        text-align: right;
    }

    /*tarjetas contacto*/

    .tarjetaContacto {
        width: 47%;
        margin: 0 1.5% 25px;
    }
}

@media (max-width: 578px) {

    .cotRapida .form-select, .cotRapida .form-control {
        width: 100%;
        margin: 20px 0 0;
    } 

    .container{
        padding: 0 25px;
    }

    .btn{
        width: 90%;
    }

    .linkBanner {
        width: 100%;
        right: 0;
        padding: 0 20px;
    }

    .linkBanner a{
        width: 100%;
    }

    .txtSlideBanner span{
        display: none;
    }

    .txtSlideBanner .btn-transparent{
        width: 100%;
    }

    .linkBanner a {
        font-size: 16px;
    }

    .linkBanner a img {
        width: 6px !important;
    }

    .titleSlide h3 {
        font-size: 40px;
    }

    .titleSlide p {
        font-size: 16px;
    }

    .optMenu{
        width: 100%;
    }

    .menuCollpase {
        padding: 15px 0;
    }

    .telsMovil {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        z-index: 99;
        width: 65px;
        height: 65px;
        background-color: #f8f8f8;
    }

    .topHeader a span {
        font-size: 13px;
    }

    .txtShow i.bi-x-lg {
        display: none;
    }

    .txtShow i.bi-telephone-fill {
        display: block;
    }

    .txtShow.txtClose i.bi-x-lg {
        display: block;
    }

    .txtShow.txtClose i.bi-telephone-fill {
        display: none;
    }

    .telsContent {
        position: fixed;
        right: -100%;
        top: 10px;
        width: 100%;
        transition: all 0.8s linear;
        background-color: #f8f8f8;
    }

    .telsContent.open{
        right: 0;
    }

    .telsContent a {
        width: 20%;
    }

    .topHeader {
        padding: 0 0 0 25px;
    }

    .telsContent a:last-child{
        border-right: 1px solid #000;
    }

    .contentFooters {
        padding: 0 25px;
    }

    .footerInfo {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .footerMapa {
        width: 100%;
    }

    .btnTelFooter {
        justify-content: center;
    }

    .footerRedes {
        justify-content: center;
        margin-bottom: 25px;
    }

    h2 {
        font-size: 35px;
    }

    /*cotización*/

    .formCot input.form-control {
        width: 100%;
    }

    .formCot .form-select {
        width: 100%;
    }

    .formCot .formCotTipo .form-control {
        width: 100%;
    }

    .subTitleForm {
        font-size: 18px;
    }

    .radiosForm {
        width: 100%;
    }

    /*tarjetas contacto*/

    .tarjetaContacto {
        width: 100%;
        margin: 0 0 25px;
    }

    .topHeader a {
        font-size: 13px;
    }
    .btn-link.btnmenu {
        padding-right: 40px !important;
    }

}


@media (max-width: 480px) {

    .telsContent {
        padding-left: 25px;
    }

    .telsContent a {
        width: 20%;
        margin: 0;  
    }

    .telsContent a:last-child {
        border-right: none;
    }

}

/* ---------- 576 ---------- */
@media (max-width: 576px) {
    /* :root {
        font-size: 14px;
    } */

    /* ========== secciones ========== */
    .sec-header-banner {
        margin-bottom: 40px;
    }

        .sec-header-banner .title {
            /*font-size: 40px;
            text-align: center;
            margin: 0;*/
            font-size: 20px;
            text-align: left;
            margin: 0;
            padding-left: 15px;
            top: 8%;
        }

    /* ========== cupra care ========== */
    .banner-cupra-care .title {
        font-size: 30px;
        text-align: left;
        margin: 0;
        padding-left: 15px;
        top: 8%;
    }

    /* ---------- */
    .cupra-care-card {
        margin-bottom: 10px;
    }

        .cupra-care-card > div:first-child {
            margin-left: -12px;
            margin-right: -12px;
        }

        .cupra-care-card .info {
            position: inherit;
            flex-direction: column;
            width: 100%;
            padding: 20px;
        }

            .cupra-care-card .info.left {
                padding: 20px;
            }

            .cupra-care-card .info.right {
                padding: 20px;
                text-align: right;
            }

        .cupra-care-card .image {
            position: relative;
            width: 100%;
            /* margin-left: -12px;
        margin-right: -12px; */
        }
    /* ---------- */

        .card-cupra-care {
            margin-bottom: 10px;
        }

            .card-cupra-care > div:first-child {
                margin-left: -12px;
                margin-right: -12px;
            }

            .card-cupra-care .info {
                position: inherit;
                flex-direction: column;
                width: 100%;
                padding: 20px;
            }

                .card-cupra-care .info.left {
                    padding: 20px;
                }

                .card-cupra-care .info.right {
                    padding: 20px;
                    text-align: right;
                }

            .card-cupra-care .image {
                position: relative;
                width: 100%;
                /* margin-left: -12px;
        margin-right: -12px; */
        }

    /* ========== promociones ========== */
    .card-promo .image {
        margin-left: -12px;
        margin-right: -12px;
    }
}