:root {
  --black: #000;
  --black-stone: #0d0d0d;
  --white: #fff;
  --primary: #f21d44;
  --secondary: #ff423c;
  --grey-green: #3d4d42;
  --grey-red: #4d4545;
  --plain-grey: #4d4d4d;
  --light-grey: #b5ada6;
  --light2-grey: #b3aaa3;
  --form-grey: #5a5858;
}
* {
  box-sizing: border-box;
}

.whatsapp-float {
  position: fixed;

  bottom: 20px;

  right: 20px;

  background-color: #25d366;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);

  z-index: 1000;
}

.whatsapp-float img {
  width: 35px;

  height: 35px;
}

.whatsapp-float:hover {
  background-color: #1ebe57;
}

html {
  scroll-behavior: smooth;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background-color: var(--secondary) !important;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  border-top-color: var(--secondary) !important;
}
.irs--round .irs-handle {
  border-color: var(--secondary) !important;
}
.nav-logo {
  width: 300px;
}
.bg-dark-valenzuela-delarze {
  background-color: #222;
  z-index: 2 !important;
}
.nav-dropdown {
  background-color: #222;
}
.dropdown-item-nav:hover {
  background-color: var(--grey-red);
}
.contact-float-btns-wrapper {
  position: fixed;
  right: 3px;
  top: 27%;
  z-index: 999;
}
.wrapper-fa {
  /* padding: 9px 14px;	 */
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin-bottom: -14px;
  background-color: var(--grey-red);
}

.bg-red-gradient {
  background: #8f181b;
  background: linear-gradient(to bottom, #8f181b 0%, #d51f27 100%);
  opacity: 1;
}
.wrapper-fa:hover {
  background-color: var(--secondary);
}
.float-btn {
  font-size: 20px;
  color: var(--white);
}

.bg-red-gradient {
  background: #8f181b;
  background: linear-gradient(to bottom, #8f181b 0%, #d51f27 100%);
  opacity: 1;
}

.ribbon-wrapper-big {
  z-index: 0;
  width: 130px;
  height: 119px;
  overflow: hidden;
  position: absolute;
}
.filter-contaier > #categoria,
#marca,
#years,
#prices,
#transmision,
#combustible {
  box-shadow: none;
}
.filter-contaier {
  background-color: #fff;
  border: 2px solid var(--light2-grey);
  border-radius: 8px;
  box-shadow: 0 0 28px #a2a2a2;
}
.filter-border {
  border-bottom: 1px solid #a2a2a2;
}
.custom-control-label,
.submitter,
.irs-handle to,
.irs-handle,
.irs-to,
.irs-from {
  cursor: pointer !important;
}

.ribbon-css-big {
  font: 11px Lato, sans-serif;
  font-weight: normal;
  font-weight: 600;
  position: relative;
  left: -41px;
  top: 25px;
  width: 180px;
  color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.ribbon-css-big,
.ribbon-css-Ficha-big {
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: rotate(320deg);
  -moz-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  -o-transform: rotate(320deg);
  padding: 7px 0;
}
.chev {
  color: var(--light2-grey);
  font-size: 19px;
}
.valenzuela-card {
  overflow: hidden;
  border-radius: 5px;
  transition: 0.3s;
}
.valenzuela-card:hover {
  transform: scale(1.02);
}

.brand-mini {
  font-size: 18px;
  font-weight: 700 !important;
  color: var(--tertiary);
}

.custom-border-bottom {
  position: relative;
  border-bottom: 2px solid var(--light-grey);
}
.custom-border-bottom::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-color: #fff;
  bottom: -9.6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-bottom: 2px solid var(--light-grey);
  border-right: 2px solid var(--light-grey);
}

.before-price-mini-wrapper-index {
  color: var(--plain-grey);
}
.current-price-mini-text-index {
  display: block;
  width: 63px;
  font-size: 14px;
  line-height: 13px;
  font-weight: 600;
}
.legal-price-index {
  font-size: 28px;
  font-weight: 800;
  text-decoration: line-through;
  color: var(--light-grey);
}
.current-price-mini-index {
  font-size: 22px;
  font-weight: 800 !important;
  color: var(--primary);
}
.card-detail-icon {
  width: 1.5em;
}
.mini-detail {
  font-size: 11.2px;
}
.mini-detail-wrapper-index {
  position: relative;
  background-color: var(--grey-red);
  color: #fff;
  border-radius: 5px;
}
.mini-detail-wrapper-index::before,
.mini-detail-wrapper-index::after {
  content: "";
  position: absolute;
  bottom: 100%;
}

.mini-detail-wrapper-index::after {
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: var(--grey-red);
}
.office-title {
  font-weight: bold;
  color: var(--grey-red);
  border-bottom: 3px solid var(--grey-red);
}

@media (max-width: 1304px) and (min-width: 768px) {
  .current-price-mini-text-index {
    font-size: 13px;
    line-height: 15px;
  }
  .legal-price-index {
    font-size: 22px;
  }

  .current-price-mini-suggested {
    font-size: 25px;
  }
  .current-price-mini-text-index {
    font-size: 13px;
    line-height: 15px;
  }
}