.producto,
.producto a:hover {
  color: #232831;
}
.producto h3, .fondoa10 .producto h4 a,
.producto a {
  color: #464545;
}
.producto {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: none;
  margin: 0 0 15px 0;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
#minibox-inventary {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.64);
  position: absolute;
  left: 6px;
  padding: 3px;
  border-radius: 3px;
  z-index: 3;
}
.imagen-producto .total-images {
  text-align: center;
  justify-content: center;
  left: 0px;
  position: absolute;
  color: #ffff;
  background-color: #1D1D1B;
  opacity: .50;
}
.detalles-producto {
  padding-left: 12px;
  padding-right: 12px;
}
.producto:hover {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.25);
  border-color: #CCC;
  background-color: white;
}
.producto {
  border-radius: 5px;
  overflow: hidden;
}
.producto .titulo-producto {
  font-weight: bold;
  text-align: left;
  font-size: 1.25em;
  padding: 0px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.precio-producto {
  text-align: left;
  font-weight: bold;
  color: #454545;
}
.currency-producto,
.version-producto {
  color: #757474
}
.version-producto {
  text-align: left;
  margin-bottom: 4px;
  margin-top: 0px;
}
.botones-producto {
  padding: 15px;
}
.producto .btn {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.producto .detalles-producto {
  padding: 0 12px 0 12px;
}
.imagen-producto {
  min-height: 150px;
}
/* EMPIEZA BOTONES INVENTARY-LIST */
.producto .btn.info-btn,
.info-whats,
.btn.btn-call,
.btn.btn-message,
.btn-financing,
.btn-apartado,
.btn-buttom,
.btn-top,
.btn-right {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}
.producto .btn.info-btn {
  border-color: var(--filtrobg);
}
.producto .btn:hover,
.producto .btn.info-btn {
  background: var(--filtrocl);
  color: var(--filtrobg);
}
.producto .btn.info-btn:hover {
  background: var(--filtrocl);
  border-color: var(--filtrobg);
}
.info-whats {
  background-color: white;
  cursor: pointer;
  border-color: #56B363 !important;
  color: #56B363 !important;
}
.info-whats:hover {
  color: white !important;
  border-color: #56B363;
  background-color: #56B363 !important;
}
.btn.btn-call {
  color: var(--filtrobg) !important;
  background: white !important;
  border-color: var(--filtrobg) !important;
}
.btn.btn-call:hover {
  color: var(--filtrocl) !important;
  background: var(--filtrobg) !important;
  border-color: var(--filtrobg) !important;
}
.btn.btn-message {
  color: var(--filtrobg) !important;
  background: white !important;
  border-color: var(--filtrobg) !important;
}
.btn.btn-message:hover {
  color: var(--filtrocl) !important;
  background: var(--filtrobg) !important;
  border-color: var(--filtrobg) !important;
}
.btn-financing {
  border: 1px solid transparent;
  color: #1F5B8F !important;
  background: white !important;
  border-color: #1F5B8F !important;
  border-radius: 4px !important;
}
.btn-financing:hover {
  color: white !important;
  background: #1F5B8F !important;
  border-color: #1F5B8F !important;
}
.btn-apartado {
  background-color: white;
  color: #CEA602;
  border-radius: 4px !important;
  border-color: #CEA602 !important;
  border: 1px solid transparent;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.btn-apartado:hover {
  background-color: #CEA602;
  color: white;
  border-color: #CEA602 !important;
}
.color-filtrocl {
  color: var(--filtrobg) !important;
}
.color-filtrocl:hover {
  color: var(--filtrocl) !important;
}
.width-100 {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}
.btn-buttom {
  font-size: medium;
  margin: 0 0 0px;
  height: 45px;
  text-align: center;
  padding-top: 12px;
}
.btn-buttom>a {
  color: var(--filtrocl) !important;
}
.btn-buttom.buttom-call {
  color: var(--filtrocl) !important;
  background: var(--filtrobg) !important;
  border-color: var(--filtrobg) !important;
}
.btn-buttom.buttom-message {
  color: white!important;
  background: black !important;
  border-color: black !important;
}
.btn-buttom.buttom-whats {
  color: white!important;
  background: #56B363 !important;
  border-color: #56B363 !important;
}
.btn-buttom.buttom-financing {
  color: white!important;
  background: #1F5B8F !important;
  border-color: #1F5B8F !important;
}
.btn-buttom.buttom-apartado {
  color: white!important;
  background: #CEA602 !important;
  border-color: #CEA602 !important;
}
.btn-top {
  margin-right: 20px;
  text-align: center;
  border: 1px solid transparent;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: small;
}
.top-call {
  color: var(--filtrobg) !important;
  background: white;
  border-color: var(--filtrobg) !important;
}
.top-call:hover {
  color: white !important;
  background: var(--filtrobg) !important;
  border-color: var(--filtrobg) !important;
}
.top-message {
  color: black!important;
  background: white;
  border-color: black!important;
}
.top-message:hover {
  color: white !important;
  background: black !important;
  border-color: black !important;
}
.top-whats {
  color: #56B363!important;
  background: transparent !important;
  border-color: #56B363!important;
  border-radius: 5px;
}
.top-whats:hover {
  color: white !important;
  background: #56B363 !important;
  border-color: #56B363 !important;
  border-radius: 5px;
}
.top-apartado {
  color: #CEA602!important;
  background: white;
  border-color: #CEA602!important;
}
.top-apartado:hover {
  color: white !important;
  background: #CEA602 !important;
  border-color: #CEA602 !important;
}
.top-financing {
  color:#1F5B8F !important;
  background: white;
  border-color:#1F5B8F !important;
}
.top-financing:hover {
  color: white !important;
  background:#1F5B8F !important;
  border-color:#1F5B8F !important;
  font-size: small;
}
.btn-right {
  text-align: center;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 100%;
  font-size: medium;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 5px;
}
@media only screen and (max-width: 1024px) {
  .btn-right {
    font-size: small;
  }
}
.right-call {
  color: var(--filtrobg) !important;
  background: white;
  border-color: var(--filtrobg) !important;
}
.right-call:hover {
  color: white !important;
  background: var(--filtrobg) !important;
  border-color: var(--filtrobg) !important;
}
/* TERMINA BOTONES INVENTARY-LIST */
.btn-detalle {
  margin-left: 10px;
  height: 30px;
  margin-top: 0;
  margin-right: 0;
  border-color: #56B363 !important;
}
.gallery-mode {
  position: absolute;
  z-index: 100;
  display: block;
  background: white;
  overflow: hidden;
  margin-top: -25px;
  margin-right: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  box-shadow: 0 1em 1em rgba(0, 0, 0, 0.25);
  border-color: #CCC;
}

@media only screen and (max-width: 992px) {
  .gallery-mode {
    width: 98.6%;
  }
}

@media only screen and (max-width: 768px) {
  .gallery-mode {
    width: 100%;
  }
}

.margin-left {
  margin-left: 10px;
}
md-switch.activeDisabled .md-container>div {
  cursor: default;
  background: lightgreen;
}
md-switch.activeDisabled .md-container>div>div {
  background: green;
}
/* unvisited link */
a.phone-link:link {
  color: var(--filtrobg);
}
/* visited link */
a.phone-link:visited {
  color: var(--filtrobg);
}
/* mouse over link */
a.phone-link:hover {
  color: var(--filtrocl);
}
/* selected link */
a.phone-link:active {
  color: var(--filtrocl);
}
.financing-box {
  padding: 5px;
}
.financing-box div {
  color: #EC5530;
  border: solid 1px #EC5530;
  padding: 5px 5px;
  text-align: center;
  border-radius: 5px;
}
.financing-box span {
  font-size: large;
}
.md-primary:not([disabled]):hover {
  color: var(--filtrocl);
  background: var(--filtrobg);
}
.col-md-3half, .col-md-line {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-md-3half, .col-md-line {
    float: left;
  }
  .col-md-3half {
    width: 28%;
  }
  .col-md-line {
    width: 8%;
  }
}

.policy {
  color: #EC5530;
  text-align: justify align="justify";
  font-size: smaller;
}
.financing-value {
  color: gray;
}
.financing-value span {
  color: black;
}