:root {
  /*
  Originales NO ZOOM
  --font-extra-large: x-large;
  --font-large: larger;
  --font-medium: medium;
  --font-small: smaller;
  --font-extra-small: x-small;*/
  --font-extra-large: x-large;
  --font-large: larger;
  --font-medium: medium;
  --font-small: medium;
  --font-extra-small: small;
}

.banner-cotizador {
  background-image: url("../images/Cotizador/Cotizador_3-_BannerCrediQ-Modificado.png");
  /*replace with banner height and width*/
  padding-top: calc(1589 / 7000 * 100%);
  cursor: pointer;
}

.container-input-calculadora{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container-zoom{
  zoom: 0.80;
}

#opcionTipoVeh .col-lg-6 {
  display: flex;
  justify-content: center;
}

.seguro-mitad {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cotizador-nombres-opciones {
  font-family: "Poppins-Bold";
  font-size: 28px;
  color: #196ab8;
  margin-top: 1rem;
}

.cotizador-titulo-tarjeta-opciones {
  font-family: "Poppins-SemiBold";
  size: 20px;
  color: #696969;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#opcionTipoCotizacion {
  display: none;
}

#opcionTipoCotizacion .col-lg-4 {
  display: flex;
  justify-content: center;
  /* align-content: center; */
}

#opcionNuevoUsado {
  display: none;
}

#opcionNuevoUsado .col-lg-6 {
  display: flex;
  justify-content: center;
}

#complementoParaCotizarSuAuto.active, #cotizarDetalle.active{
  border-bottom: none !important;
}

.digital-cotizar-input-text {
  border-radius: 8px;
  border: 1px solid #006cb6;
  height: 3rem;
  font-size: var(--font-small);
}

.digital-cotizar-input-text::placeholder{
  font-size: inherit !important;
}

.digital-cotizar-input-text::placeholder {
  font-family: "Poppins-SemiBold";
  font-size: var(--font-small);
  color: #696969;
}

.digital-cotizar-select {
  border-color: #006cb6 !important;
  border-radius: 8px;
  font-family: "Poppins-SemiBold";
  font-size: var(--font-small) !important;
  color: #696969 !important;
  height: 3rem;
  max-width: 100%;
  min-width: auto;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23006cb6"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 100% 50% no-repeat transparent;
  background-position: right;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.digital-cotizar-select select {
  font-family: "FontAwesome", "Second Font name";
}

.digital-cotizar-interruptores-nombres-rangos {
  font-family: "Poppins-SemiBold";
  font-size: var(--font-small);
  /* color: #696969; */
  color: #196ab8;
  text-align: left;
  line-height: 1;
  display: flex;
  height: 100%;
  vertical-align: bottom;
  align-items: center;
}

.decisiones-interruptor {
  font-family: 'Poppins';
  font-size: var(--font-small);
  font-weight: 700;
  color: #696969;
  margin-left: 15px;
  margin-right: 15px;
}

.botones-rojos {
  width: 24px;
  height: 24px;
  background-color: #A43B36;
  color: white;
  border-radius: 100px;
  margin-right: 15px;
  display: grid;
  justify-content: center;
  align-content: center;
  border: none;
}

.subtexto-para-rangos {
  font-family: 'Poppins';
  font-size: var(--font-extra-small);
  font-weight: 500;
  line-height: 18px;
  margin: 0 auto;
  width: 100%;
}

.cuadricula-nuevo-usado {
  display: flex;
  align-items: flex-end;
  width: 100% !important;
  padding-left: 0 !important;
}

.btn-nuevo-usado {
  font-family: 'Poppins-SemiBold';
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95%;
  border-radius: 50px !important;
  border-color: #196ab8;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-descargar-personalizar-nueva-calcular-regresar {
  border-color: #196ab8;
  color: #696969;
  font-family: 'Poppins-SemiBold';
  font-size: var(--font-small);
  margin: 0 5px;
}

.label-switch {
  height: 100%;
  display: flex;
  align-items: center;
}

.cpcsx_inputs_obli {
  font-family: "Poppins-SemiBoldItalic";
  font-size: var(--font-small);
  color: #6c6a6a;
  line-height: 2;
  position: absolute;
  /* margin-left: 32%;       este márgen debe cambiar de acuerdo a la resolución de la pantalla */
  right: 4%;
}

/* contenedor de elementos "range" (valor auto, valor moto, prima y plazo) */
.cpsx_valor {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: auto;
}

/* #cpcsx_ranges .cpsx_valor>.col-lg-3,
.col-lg-7,
.col-lg-2{
  display: flex;
  align-items: center;
} */
.cpsx_valor>.col-lg-3{
  display: flex;
  align-items: flex-start;
}
.cpsx_valor>.col-lg-7{
  display: flex;
  align-items: center;
}
.cpsx_valor>.col-lg-2{
  display: flex;
  align-items: center;
}

/* elemento "range" utilizado y contenido en el elemento anterior descrito */

.cpsx_range::-webkit-slider-runnable-track {
  position: relative;
  height: 2px;
  background: #196ab8 !important;
}

.cpsx_range::-webkit-slider-thumb {
  position: relative !important;
  background: #c4c4c4 !important;
}

.cpcsx_det > h2 {
  font-family: "Poppins-SemiBold";
  font-size: var(--font-extra-large);
  color: #696969;
}

.cpcsx_det > h5 {
  font-family: "Poppins-Light";
  font-size: 20px;
  color: #696969;
}

.rango-valor {
  font-family: "Poppins-Bold";
  font-size: var(--font-extra-large);
  color: #6c6a6a;
  text-align: center;
  /* textalign was end */
  /* line-height: 0.9; */
  margin: 0px !important;
  /* padding: 0 8px 0 0 !important; */
  height: auto;
  border: none !important;
  /* width: 100%; */
  outline: none !important;
}

#cpcsa_slc_moneda, #cpcsx_slc_moneda{
  display: flex;
  justify-content: flex-end !important;
  height: auto;
  padding: 0px 22px 0px 18px !important;
  border: none !important;
  font-size: var(--font-extra-large) !important;
  margin: 0 auto;
  width: auto;
  min-width: max-content;
}

#primaVal, vehVal :hover{
  border: none !important;
}

#primaVal, vehVal :focus{
  border: none !important;
}

.input-valor-prima-v2 {
  align-items: center !important;
  justify-content: center;
  height: auto;
  display: flex;
}

/* input-valor-prima-v2 contenedor */
.ivp-contenedor {
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #196ab8;
    border-radius: 10px;
}

.contenedor-moneda{
  margin-right: 5px;
  width: fit-content;
  max-width: fit-content;
}

.ivp-txt {
  position: relative;
  top: 0;
  text-align: center;
  font-size: var(--font-extra-small);
  font-weight: 400;
  font-family: 'Poppins';
  color: #696969;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0px 5px;
}

.ivp-simbolo-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
}

.btn-digital-cotizar {
  border-color: #006cb6;
  border-radius: 8px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: "Poppins-SemiBold";
  font-size: var(--font-small);
  color: #696969;
  /* width: 18%;          */
}

.btn-container-cotizar {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

#cdp_cantidad, #cdp_cant_simb {
  font-family: "Poppins-SemiBold";
  font-size: var(--font-extra-large);
  color: white;
}

#cdp_subtexto {
  font-family: "Poppins-Light";
  font-size: 20px;
  color: white;
}

.tmp-cdfp {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Nuevo diseño de cartas */
.cotizador-cards-container {
  background-color: white;
  margin: 10px 0 !important;
  border: 1px solid #196ab8;
  border-radius: 15px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* sujeto a cambios */
  min-width: -webkit-fill-available;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: fit-content;
  width: auto;
  padding: 5px 0px 0px 0px;;
  position: relative;
}

.cotizador-cards-container:hover {
  cursor: pointer;
}

.cotizador-cards-container.active {
  border-bottom: 1px solid #a4a4a4 !important;
  margin-bottom: 20%;
}

.cotizador-cards-container.active .cotizador-cards-body {
  /* padding: 15px 25px; */
  padding: 3px 25px;
}

.cotizador-cards-container > div {
  zoom: 0.95;
}

.cotizador-cards-container.active > div {
  zoom: 1.05;
}

.cotizador-cards-container.active > .cotizador-cards-footer {
  background-color: #196ab8;
  color: #fff;
}

.cotizador-cards-title {
  width: 100%;
  line-height: 2;
  background: transparent;
  border-radius: 15px 15px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins-Bold";
  font-size: var(--font-small);
  color: #196ab8;
}

.cotizador-cards-body {
  display: flex;
  flex-direction: column;
  line-height: 2;
  padding: 0px 20px;
}

.ccb-linea-1 {
  display: flex;
  justify-content: center;
  font-family: "Poppins";
  font-size: var(--font-small);
  color: #696969;
}

.ccb-linea-2 {
  display: flex;
  justify-content: center;
  font-family: "Poppins-SemiBold";
  font-size: var(--font-large);
  color: #696969;
}

.ccb-linea-3 {
  display: flex;
  justify-content: center;
  font-family: "Poppins-SemiBold";
  font-size: var(--font-small);
  color: #696969;
  text-decoration: none;
}

.cotizador-cards-footer {
  display: flex;
  justify-content: center;
  height: auto;
  width: 100%;
  font-family: "Poppins-SemiBold";
  font-size: var(--font-small);
  color: #196ab8;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #196ab8;
  padding: 5px 15px;
}

.switch-primary > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #196ab8;
}

#cotizar_detalle_mini_contenedor_principal {
  width: -moz-fit-content;
  width: fit-content;
}

img {
  max-width: 100%;
}

.center-options {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ddp {
  border-right: 2px solid #c4c4c4;
}

.cdp_subtexto {
  width: calc(100%);
}

.col-border {
  border-right: solid 1px lightgrey;
}

/* #contenedor_sugerencias {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow-x: auto;
  align-items: center;

} */
.swiper {
  width: 100%;
  height: auto;
}
.swiper-slide {
  text-align: center;
  /* font-size: 18px; */
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination-bullet-active {
  background-color: #196ab8 !important;
}

#gradiente_sugerencias_der {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  position: absolute;
  width: 25px;
  height: 100%;
  top: 0;
  right: 0;
}
#gradiente_sugerencias_izq {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  left: 0;
}

#motocondicion {
  overflow-y: hidden;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  background-color: lightgray;
  height: 100px;
  padding: 10px !important;
  text-align: justify;
}

#motocondicion>p {
  height: 100%;
  overflow: auto;
}
.calculadora-radios {
  display: flex;
  justify-content: space-around;
  /* flex-direction: column; */
}

/* MEDIA QUERIES */
/* Móvil S - 320px */
@media screen and (min-width: 0px) and (max-width: 320px) {
}

/* Móvil M - 375px */
@media screen and (min-width: 320.1px) and (max-width: 375px) {
}

/* Móvil L - 425px */
@media screen and (min-width: 375.1px) and (max-width: 425px) {
}

@media screen and (max-width: 425px) {
}

/* Tablet - 768px */
@media screen and (min-width: 425.1px) and (max-width: 768px) {
  /* lo que había acá está apto para pasar al media query 0 - 768px */
}

/* MOBILE */
@media screen and (max-width: 768px) {
  #cotVehSeg {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  #cpcsa_valor {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .subtexto-para-rangos {
    margin-bottom: 1.5rem !important;
  }

  #cpcsx_interruptor_mejorar {
    width: calc(100%);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* margin: 4vh 0px; */
  }

  .col-border {
    border-right: none;
    border-bottom: solid 1px lightgrey;
    margin-bottom: 35px;
  }

  #cdp_cantidad,
  #cdp_subtexto {
    font-size: calc(100%);
  }

  .cuotamensual-valorvehiculo-prima-plazo {
    width: 100% !important;
  }

  .cvpp-contenedor {
    width: 100% !important;
  }

  .monto_a_financiar_contenedor {
    width: 100% !important;
  }

  /* prueba, todos los elementos 0 - 425 */
  .switch-container {
    flex-direction: column !important;
  }
  #seguro_mitad_1{
    margin-bottom: 10px !important;
  }

  #cotizadorTab {
    padding-right: 0% !important;
    padding-left: 0% !important;
  }

  .swiper-slide-active .cotizador-cards-container.active {
    margin-right: 0% !important;
  }

  #planDePago {
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding-left: 0% !important;
    padding-right: 0% !important;
  }

  .cuadricula-nuevo-usado {
    margin-bottom: 10px;
  }

  .calculadora-radios {
    display: flex;
    justify-content: center;
    margin-top: 0;
    flex-direction: column;
  }

  #bloque_descripcion_plan_v2 {
    margin-top: 20px;
  }

  #requerido_tipo_transporte {
    display: none;
    visibility: hidden;
  }

  /** REFINACIÓN */
  .cotizador-titulo-tarjeta-opciones {
    font-size: 4vw !important;
  }

  .btn-digital-cotizar {
    font-size: var(--font-medium);
    margin: 0 25px 10px 25px;
    /* border-radius: 50px; */
  }

  .btn-descargar-personalizar-nueva-calcular-regresar {
    margin: 0%;
  }
  .btn-nuevo-usado {
    height: auto;
    margin-bottom: 10px;
    width: 100% !important;
  }

  .cct-radios-rangos-titulos {
    font-size: var(--font-small) !important;
    position: relative !important;
  }

  #cuotamensualresponsiva {
    padding: 0 12px;
  }

  .btn-container-cotizar {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 768.1px) and (max-width: 991px) {
  .cuotamensual-valorvehiculo-prima-plazo {
    width: 50% !important;
  }

  .cvpp-contenedor {
    width: 100% !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1094px) {
  #requerido_tipo_transporte {
    font-size: var(--font-extra-small);
  }
}

/* Laptop - 1024px */
@media screen and (min-width: 768.1px) and (max-width: 1024px) {
  #contenedor_sugerencias {
    width: none;
  }

  .cct-radios-rangos-titulos {
    top: -14px !important;
  }

  #calculadora_radios {
    justify-content: center !important;
    margin-top: 0 !important;
  }

  .monto_a_financiar_contenedor {
    flex-direction: row !important;
  }

  .ivp-contenedor {
    height: auto !important;
  }
}

/* PC Monitor - 1440px */
@media screen and (min-width: 1024.1px) and (max-width: 1440px) {
  #contenedor_sugerencias {
    width: none;
  }

  .monto_a_financiar_contenedor {
    flex-direction: row !important;
  }

  /*#requerido_tipo_transporte {
    left: 60% !important;
  }*/
}

/* 4K - 2560px */
@media screen and (min-width: 1440.1px) and (max-width: 2560px) {
  #contenedor_sugerencias {
    width: none;
  }
  .monto_a_financiar_contenedor{
    flex-direction: row !important;
  }
}

/* DESKTOP */
@media screen and (min-width: 769.1px) {
}

#cotVehSeg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.form-check-input:checked {
  background-color: #196ab8;
  border-color: #196ab8;
}

#condicionesplanseleccionado::before{
  content: '* ';
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  margin-right: -24px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
  margin-left: -24px;
}

.swiper-wrapper{
  align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.swiper-pagination{
  position: relative;
}

.swiper-slide-active .cotizador-cards-container.active{
  /* margin-right: -19px !important; */
  margin-right: -19px;
}

.swiper-slide-next .cotizador-cards-container.active{
  margin-left: -19px !important;
}
div.rango-valor, div.cr-rango-valor {
  text-align: center;
  /* it was left */
  width: 24px;
}

.espacio-entre-filas{
  height: 20px;
}

@media screen and (min-width: 992px) {
  .borde-valor-cotizacion{
    border-right: solid 3.5px #CACACA;
  }

  #mafc-txt{
    margin-right: 10px;
  }

  #cpcsx_ranges{
    margin-top: 15px;
  }
}
@media screen and (max-width: 991px) {
  .contenedor-moneda{
    margin-bottom: 20px;
    margin-right: 5px;
    width: 100%;
    max-width: 100%;
  }

  .input-valor-prima-v2, #contenedor-valor-calculadora{
    display: block !important;
  }

  .range-wrap {
    height: 3rem !important;
    margin-bottom: 1rem !important;
  }

  .range-value {
    top: -18px !important;
  }

  .subtexto-para-rangos {
    margin-bottom: 1.5rem !important;
  }

  #navegacion_cotizador_calculadora {
    max-width: none;
  }

  #calcTab,
  #cotTab {
    width: 100%;
    min-width: auto;
  }

  .calculadora-radios{
    position: relative !important;
    padding-right: 0 !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
  }

  .cuadricula-nuevo-usado{
    margin-bottom: 0 !important;
    height: 100% !important;
  }

  #complementoParaCotizarSuAuto .digital-cotizar-input-text, .digital-cotizar-select{
    margin-top: 10px;
  }
}

#condicionesplanseleccionadocontainer {
  background-color: rgba(69, 69, 69, .09);
  font-family: 'Poppins';
  font-size: var(--font-small);;
  color: #696969;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 100%;
  overflow-y: scroll;
  max-height: 200px;
}

#condicionesplanseleccionado {
  margin: 20px;
  text-align: justify;
}

.rectangle {
  border: 1px solid rgb(25, 106, 184);
  /* border-radius: 25px;
  width: 300px;
  height: 100px;
  margin-top: 50px; */
}

.animate {
  animation: wave 1s normal forwards ease-in-out;
  animation-play-state: forwards;
}


@keyframes wave {

  /* Inicio de la animación /
  0% {
    box-shadow: 0 0 0 1px rgba(25, 106, 184, 0.3), 0 0 0 2px rgba(25, 106, 184, 0.3);
  }
  / Fin animación */
  100% {
    box-shadow: 0 0 0 16px rgba(25, 106, 184, 0.01), 0 0 0 32px rgba(25, 106, 184, 0.001);
  }
}