.grey {
   color: var(--textoGris);
 }

 .blackfriday_informacion {
  margin-bottom: 80px;
}

 /*menu checkout*/
 .resu-ped {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 32px;
   color: #252627;
   margin-bottom: 18px;
 }

 .reserva .menu-checkout {
   display: flex;
   column-gap: 8px;
   /* column-gap: 25px; */
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
   justify-content: center;
   margin-bottom: 20px;
   margin-top: 20px;
 }

 .reserva .co-circle {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   border: 1.5px solid #99AED5;
 }

 .reserva .co-circle-complet {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: #E4EEFF;
   border: 1.5px solid #E4EEFF;
 }

 .reserva .co-circle-active {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: var(--azulCarsAndCars);
   border: 1.5px solid var(--azulCarsAndCars);
 }

 .reserva .icon-check {
   background-position: center;
   background-repeat: no-repeat;
   background-size: 20px;
   width: 32px;
   height: 32px;
   margin: -1.5px;
 }

 .reserva .icon-reserv {
   background-image: url(/public/icon/reserva/IconReserva.svg);
 }

 .reserva .icon-pago {
   background-image: url(/public/icon/reserva/IconPago.svg);
 }

 .reserva .icon-docum {
   background-image: url(/public/icon/reserva/IconDocu.svg);
 }

 .reserva .icon-entrega {
   background-image: url(/public/icon/reserva/IconEntrega.svg);
 }

 .reserva .icon-reserv-active {
   background-image: url(/public/icon/reserva/IconReservaW.svg);
 }

 .reserva .icon-pago-active {
   background-image: url(/public/icon/reserva/IconPagoW.svg);
 }

 .reserva .icon-docum-active {
   background-image: url(/public/icon/reserva/IconDocuW.svg);
 }

 .reserva .icon-entrega-active {
   background-image: url(/public/icon/reserva/IconEntregaW.svg);
 }

 .reserva .sep-mc {
   height: 16px;
   width: 20%;
   border-bottom: 1.5px dashed #E4EEFF;
 }

 @media (min-width:1200px) {

   .reserva .menu-checkout {
     display: flex;
     max-width: 1246px;
   }

   .reserva .menu-checkout {
     margin-top: 23px;
     margin-bottom: 23px;
   }


   .contEstadoPedido .rowPedido {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }

   .contEstadoPedido .rowPedido .text-der,
.footer-total .rowPedido p.text-der {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--azulCarsAndCars);
  text-align: right;
  width: 30%;
  float: left;
}

.car-prefer .contEstadoPedido .rowPedido .text-izq,
.footer-total .rowPedido p.text-izq.text-title-izq.black {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  width: 70%;
  float: left;
  display: block;
}

 }

 /*end menu checkout*/


 /*Target car MV*/

 .reservar .infocar-mv.two-versions .head-car,
 .modalshare .infocar-mv .head-car,
 .modalinfo .infocar-mv .head-car,
 .reserva .content .infocar-mv .head-car {
   display: flex;
   margin-top: 18px;
 }

 .head-car {
   /* max-width: 460px; */
   max-width: 100%;
   margin: 0 auto;
 }

 #resumenpago .head-car {
  margin: 0 ;
 }

 @media (min-width:1200px) {
   .head-car {
     max-width: 490px;
   }

   
 }

 .textoCentrado {
   margin: 0 auto;
   width: fit-content;
   padding-bottom: 5px;
 }

 button#btnContinuarPago,
 button#btnVolverIntentar {
   max-width: 460px;
   margin: 0 auto;
   display: block;
 }

 @media (min-width:1200px) {
  button#btnContinuarPago,
  button#btnVolverIntentar {
    max-width: 490px;
  }
 }

 .modalshare .infocar-mv .head-car .contenedor-foto,
 .modalinfo .infocar-mv .head-car .contenedor-foto,
 .reserva .content .infocar-mv .head-car .contenedor-foto {
   min-width: 118px;
   min-height: 91px;
   max-height: 91px;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 10px;
 }

 .modalshare .infocar-mv .head-car .head-text,
 .modalinfo .infocar-mv .head-car .head-text,
 .reserva .content .infocar-mv .head-car .head-text {
   margin-left: 16px;
 }


 .reservar .infocar-mv.two-versions .head-car .head-text .titlulo,
 .modalshare .infocar-mv .head-car .head-text .titlulo,
 .modalinfo .infocar-mv .head-car .head-text .titlulo,
 .reserva .content .infocar-mv .head-car .head-text .titlulo {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 20px;
   color: #0E1213;
 }

 .reservar .infocar-mv.two-versions .titulo,
 .infocar-mv .titulo {
   font-weight: bold;
 }


 .reservar .infocar-mv.two-versions .head-car .head-text .subtitle,
 .modalshare .infocar-mv .head-car .head-text .subtitle,
 .modalinfo .infocar-mv .head-car .head-text .subtitle,
 .reserva .content .infocar-mv .head-car .head-text .subtitle {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   color: #0E1213;
 }

 .reservar .infocar-mv.two-versions .barraInferior,
 .infocar-mv .barraInferior {
   border-top: 0.7px solid #F5F2EF;
   margin-top: 24px;
   margin-bottom: 13px;
   display: flex;
 }

 .head-footer {
   border-top: 0.7px solid #F5F2EF;
   padding-top: 8px;
   margin-top: 24px;
   display: flex;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios,
 .modalinfo .infocar-mv .body-car .contenedor-precios,
 .reserva .content .infocar-mv .body-car .contenedor-precios {
   width: 100%;
   display: flex;
   margin-bottom: 13px;
   margin-top: 24px;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .contado-tachado,
 .modalinfo .infocar-mv .body-car .contenedor-precios .contado-tachado,
 .reserva .content .infocar-mv .body-car .contenedor-precios .contado-tachado {
   width: 50%;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .text,
 .modalinfo .infocar-mv .body-car .contenedor-precios .text,
 .reserva .content .infocar-mv .body-car .contenedor-precios .text {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   line-height: 20px;
   color: var(--textoGris);
   display: flex;
   flex-direction: row;
   justify-content: left;
   align-items: center;
   flex-wrap: wrap;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .contado-tachado .contado,
 .modalinfo .infocar-mv .body-car .contenedor-precios .contado-tachado .contado,
 .reserva .content .infocar-mv .body-car .contenedor-precios .contado-tachado .contado {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 32px;
   color: var(--primaryblue);
   justify-content: left;
   display: flex;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .financiado,
 .modalinfo .infocar-mv .body-car .contenedor-precios .financiado,
 .reserva .content .infocar-mv .body-car .contenedor-precios .financiado {
   margin-top: 0px;
   display: flex;
   flex-direction: row;
   justify-content: left;
   align-items: center;
   flex-wrap: wrap;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .financiado .texto,
 .modalinfo .infocar-mv .body-car .contenedor-precios .financiado .texto,
 .reserva .content .infocar-mv .body-car .contenedor-precios .financiado .texto {
   display: flex;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .financiado .texto-financiacion,
 .modalinfo .infocar-mv .body-car .contenedor-precios .financiado .texto-financiacion .reserva .content .infocar-mv .body-car .contenedor-precios .financiado .texto-financiacion {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 32px;
   color: var(--primaryblue);
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .financiado .texto-f-mes,
 .modalinfo .infocar-mv .body-car .contenedor-precios .financiado .texto-f-mes,
 .reserva .content .infocar-mv .body-car .contenedor-precios .financiado .texto-f-mes {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: var(--azulCarsAndCars);
   display: flex;
   flex-direction: row;
   justify-content: right;
   align-items: center;
   flex-wrap: wrap;
   margin-top: 3px;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .contado-tachado .contado2,
 .modalinfo .infocar-mv .body-car .contenedor-precios .contado-tachado .contado2,
 .reserva .content .infocar-mv .body-car .contenedor-precios .contado-tachado .contado2 {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
   color: #000000;
   justify-content: left;
   display: flex;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .financiado .texto-ahorro,
 .modalinfo .infocar-mv .body-car .contenedor-precios .financiado .texto-ahorro .reserva .content .infocar-mv .body-car .contenedor-precios .financiado .texto-ahorro {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
   color: #000000;
 }

 .modalshare .infocar-mv .body-car .contenedor-precios .financiado img,
 .modalinfo .infocar-mv .body-car .contenedor-precios .financiado img,
 .reserva .content .infocar-mv .body-car .contenedor-precios .financiado img {
   margin-top: -5px;
   margin-right: 8px;
 }

 .modalshare .infocar-mv .body-car .car-info-inf .modalinfo .infocar-mv .body-car .car-info-inf,
 .reserva .content .infocar-mv .body-car .car-info-inf {
   padding: 0;
   overflow: hidden;
   height: auto;
   margin-top: 24px;
 }

 .modalshare .infocar-mv .body-car .car-caract-global,
 .modalinfo .infocar-mv .body-car .car-caract-global,
 .reserva .content .infocar-mv .body-car .car-caract-global {
   display: flex;
   align-items: center;
   margin-bottom: 16px;
   overflow-x: scroll;
   overflow-y: hidden;
   flex-wrap: wrap;
 }

 .modalshare .infocar-mv .body-car .car-caract-global .caracteristica,
 .modalinfo .infocar-mv .body-car .car-caract-global .caracteristica,
 .reserva .content .infocar-mv .body-car .car-caract-global .caracteristica {
   padding: 7px 9px;
   background: rgba(164, 197, 255, 0.4);
   border-radius: 4px;
   margin: 0 4px 8px 4px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
 }

 .modalshare .infocar-mv .body-car .car-caract-global .caracteristica:first-child .modalinfo .infocar-mv .body-car .car-caract-global .caracteristica:first-child,
 .reserva .content .infocar-mv .body-car .car-caract-global .caracteristica:first-child {
   margin: 0 4px 8px 0px;
 }

 .modalshare .infocar-mv .body-car .car-caract-global .caracteristica .texto,
 .modalinfo .infocar-mv .body-car .car-caract-global .caracteristica .texto,
 .reserva .content .infocar-mv .body-car .car-caract-global .caracteristica .texto {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   color: var(--primaryblue);
 }

 .modalshare .infocar-mv .body-car .car-caract-global .caract-ambiental,
 .modalinfo .infocar-mv .body-car .car-caract-global .caract-ambiental,
 .reserva .content .infocar-mv .body-car .car-caract-global .caract-ambiental {
   background-color: transparent;
   border: 0;
   padding: 0;
   width: 28px;
   height: 28px;
 }

 .modalshare .infocar-mv .body-car .car-caract-global .caracteristica .ambiental,
 .modalinfo .infocar-mv .body-car .car-caract-global .caracteristica .ambiental,
 .reserva .content .infocar-mv .body-car .car-caract-global .caracteristica .ambiental {
   width: 28px;
   height: 28px;
 }


 .reservar .infocar-mv.two-versions {
   /* justify-content: center; */
   align-items: center;
   margin-bottom: 30px;

 }


 .reservar .infocar-mv.two-versions .head-car .contenedor-foto {
   min-width: 147px;
   /* min-width: 190px; */
   /* 180px - 190 de width + 10px para sobreponer el div de inf sobre */
   /* min-height: 153px;
  max-height: 153px; */
   /* min-height: 130px;
   max-height: 130px; */
   min-height: 128px;
   max-height: 128px;
   background-repeat: no-repeat;
   background-size: cover;
   /* background-size: contain; */
   background-position: center;
   border-radius: 10px;
 }

 .reservar .infocar-mv.two-versions .contenedor-foto,
 .reservar .infocar-mv.two-versions .head-text {
   background: #FFFFFF;
   box-shadow: 1px 5px 18px -2px rgba(1, 53, 149, 0.15);
   border-radius: 10px;
   /* height: 153px; */
   height: 130px;
 }

 .reservar .infocar-mv.two-versions .head-text {
   margin-left: -12px;
   padding: 5px 20px;
 }

 @media (min-width:1200px) {
   .reservar .infocar-mv.two-versions .head-text {
     padding: 15px;
   }
 }

 .reservar .infocar-mv.two-versions .head-text .titulo {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 40px;
   color: #0E1213;
   /* margin-bottom: 0.5rem; */
   font-weight: 500;
   line-height: 1.2;
 }
 

 .reservar .infocar-mv.two-versions .head-text .subtitle {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   line-height: 26px;
 }

 .reservar .infocar-mv.two-versions .car-info-inf {
   padding: 12px 0 8px 0;
 }

 .reservar .infocar-mv.two-versions .caracteristica.caracteristica-first {
   margin: 0px 4px 8px 0px;
 }

 .reservar .infocar-mv.two-versions .caracteristica {
   padding: 6px;
   background: rgba(164, 197, 255, 0.4);
   border-radius: 4px;
   margin: 0 2px 6px 2px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
 }

 .reservar .infocar-mv.two-versions .caracteristica .texto {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 10px;
   line-height: 14px;
   color: var(--primaryblue);
 }

 /*Target car MV*/

 #errorRerserva .containers .infocar-mv.two-versions {
   /* display: none; */
 }

 #continuarRerserva .containers {
   background: #fff;
   border-radius: 10px;
   padding: 38px 30px 38px 30px;
   display: grid;
   grid-template-columns: 2;
   grid-column-gap: 38px;
 }

 #continuarRerserva .containers .contenedor-izq.top60 {
   padding-top: 30px;
 }

 #continuarRerserva .containers .contenedor-izq p {
   text-align: center;
 }

 #continuarRerserva .containers .contenedor-izq h3 {
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 32px;
   color: #000000;
   margin-bottom: 12px;
   text-align: center;
 }

 #continuarRerserva .containers .contenedor-der .target-funciona .container h2 {
   text-align: center;
   font-family: 'DM Sans';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 40px;
   margin-bottom: 48px;
   margin-top: 30px;
 }




 @media (min-width:1200px) {

   #errorRerserva .containers .infocar-mv.two-versions {
     display: flex;
   }

   #errorRerserva .containers .contenedor-izq .infocar-mv.two-versions .head-car {
     margin-top: 0;
   }

   /******** PAG error-reserva */
   #errorRerserva .containers {
     background-color: #fff;
     padding: 0;
     border-radius: 10px;
     padding: 38px 30px 38px 30px;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-columns: auto 60%;
     max-width: 1000px;
   }

   #errorRerserva .containers .contenedor-izq button#btnVolverIntentar {
     margin-top: 35px;
     max-width: 500px;
   }

   #errorRerserva .containers .contenedor-izq {
     /* grid-row: 24; */

   }

   #errorRerserva .containers .contenedor-izq .reservar .infocar-mv.two-versions {
     justify-content: flex-start;
     display: flex;
     align-items: center;
   }

   #errorRerserva .containers .contenedor-izq h3 {
     font-family: 'DM Sans';
     font-style: normal;
     font-weight: 500;
     font-size: 24px;
     line-height: 32px;
     color: #000000;
     margin-bottom: 12px;
     text-align: justify;
   }


   #errorRerserva .containers .contenedor-izq p {
     text-align: justify;
   }

   #errorRerserva .containers .contenedor-der {
     grid-row: 1;
     align-self: center;
     text-align: center;
     grid-column-gap: 60%;
   }


   #errorRerserva .containers .contenedor-der img {
     margin-top: 0;
     border-bottom: 1.67568px solid var(--azulCarsAndCars);
   }

   #errorRerserva .containers .contenedor-der .img_catError {
     width: 100%;
     padding-bottom: 40px;
     display: flex;
     justify-content: center;
   }


   /******** PAG continuar-reserva */
   #continuarRerserva .containers {
     background: #fff;
     border-radius: 10px;
     padding: 38px 30px 38px 30px;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-column-gap: 0;
     max-width: 1200px;
   }

   #continuarRerserva .containers .contenedor-izq.top60 {
     /* padding-top: 60px; */
   }

   #continuarRerserva .containers .contenedor-izq .infocar-mv.two-versions {
     display: flex;
     justify-content: center;
     align-items: center;
   }



   #continuarRerserva .target-funciona .container {
     padding: 0px;
   }

   #continuarRerserva .contenedor-btn {
     margin-top: 40px;
    column-gap: 30px;
     justify-content: center;
     align-items: center;
     display: flex;
   }

   #continuarRerserva .contenedor-btn #btnContinuarPago {
     width: 95%;
   }

   .reservar .infocar-mv.two-versions {}

   .reservar .infocar-mv.two-versions .caracteristica .texto {
     font-size: 12px;
   }

   .reservar .infocar-mv.two-versions .caracteristica {
     padding: 7px;
     margin: 0 4px 8px 4px;
   }



 }