.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}/*-------------------------------------------------
Tipografias
-------------------------------------------------*/

/*-------------------------------------------------
Colores
-------------------------------------------------*/
.tippy-box{background: transparent;}
.tippy-content {
  padding: 0px;
  background-color: transparent;
}

.tippy-content .card.card-tippy {
  border: 01px solid #009ed7 !important;
  border-radius: 15px;
  background-color: #009ed7;
  color: white;
  min-width: 150px;
}

.tippy-content .card.card-tippy .card-header {
  border: none;
  border-radius: 0px;
  background-color: transparent;
}

.tippy-content .card.card-tippy .card-header h5 {
  color: white;
  font-size: 12px;
  font-weight: 600;
}
.tippy-content h5 {
  color: white;
  font-size: 12px;
  font-weight: 600;
}
.tippy-content .card.card-tippy .card-body {
  padding: 10px;
  background-color: transparent;
}

.tippy-content .card.card-tippy .card-body p {
  color: white;
  font-size: 12px;
  font-weight: 700;
}

.tippy-arrow::before {
   color: #009ed7;
}
.master-cotizador {
  padding: 40px 0px;
  background-color: white;
}
.master-cotizador h2{
    font-weight:600;
    text-transform:uppercase;
    font-family: "Wix Madefor Display", sans-serif;
    color: #CD9133;
}
.master-cotizador .leyenda li::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 30px;
  position: relative;
  top: 5px;
}
.tipo-lotes {
    margin-top:30px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;}
.tipo-lotes li {list-style: none;}    
.tipo-lotes li a{
    border: 2px solid #009ED7;
    border-radius: 20px;
    padding: 10px 40px 10px 40px;
    color:#009ED7;
   width: 250px;
    display: block;
    text-align: center;
}
.tipo-lotes li a:hover{background-color:#009ED7; color:#FFB745;}
.tipo-lotes  li a.active{color:#FFB745; background-color:#009ED7; }
.leyenda li{color:#009ED7; font-weight:400;}

.master-cotizador .leyenda li.disponible::before {
  background-color: #ADCC7A;
}

.master-cotizador .leyenda li.apartado::before {
  background-color: #EA7736;
}

.master-cotizador .leyenda li.vendido::before {
  background-color: #FF0606;
}

.master-cotizador .leyenda li + li {
  margin-top: 0px;
}

@media screen and (min-width: 768px) {
  .master-cotizador .leyenda li + li {
    margin-top: 0px;
  }
}

.master-cotizador svg#etapa-1 {
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.master-cotizador svg#etapa-1 .disponibilidad-1 {
  cursor: pointer;
}

.master-cotizador svg#etapa-2 {
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.master-cotizador svg#etapa-2 .disponibilidad-1 {
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .master-cotizador {
    padding: 60px 0px;
  }
}

#mdMaster .custom-checkbox {
  display: none;
}

#mdMaster .custom-checkbox + label {
  font-weight: normal;
  cursor: pointer;
}

#mdMaster .custom-checkbox + label span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  border: 2px solid #fff;
  background-color: #11343A;
  border-radius: 3px;
  font-weight: 500;
}

#mdMaster .custom-checkbox + label span::before {
  content: "";
  opacity: 0;
  width: 9px;
  height: 9px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s;
  border-radius: 2px;
}

#mdMaster .custom-checkbox:checked + label span::before {
  opacity: 1;
}

#mdMaster .custom-checkbox:disabled + label {
  opacity: 0.5;
  cursor: default;
}

#mdMaster .custom-checkbox:disabled + label span {
  cursor: default;
}

#mdMaster .modal-content {
  border: none;
  border-radius: 0px;
  background: #3f3f3e;
}

#mdMaster .modal-content .modal-header {
  border: none;
}

@media screen and (min-width: 992px) {
  #mdMaster .modal-content .modal-header {
    padding-top: 35px;
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (min-width: 992px) {
  #mdMaster .modal-content .modal-body {
    padding: 35px;
  }
}

#mdMaster .custom-checkbox + label span {
  border-color: #11343A;
  background-color: #fff;
}

#mdMaster .custom-checkbox + label span::before {
  background-color: #11343A;
}

#mdMaster .modal-title {
  font-family: "Wix Madefor Display", sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: white;
}

#mdMaster p {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: bold;
  color: white;
}

#cuenta li {
  font-family: "Wix Madefor Display", sans-serif;
 
  color: white;
}

#adicional li {
  font-family: "Wix Madefor Display", sans-serif;
  color: white;
}

#adicional li::marker,  #cuenta li::marker {
  color: #009ED7;
}
#mdMaster .bg {
  max-width: 550px;
  background-size: contain;
  background-color: white;
   border: 3px solid #009ED7;
}

#mdMaster h4 {
  font-size: 16px;
  color: white;
}

#mdMaster label.lb {
  font-size: 16px;
  color: white;
  margin-bottom: 0px;
}
#mdMaster a {
  font-size: 16px;
  color: white;
  margin-bottom: 0px;
}

#mdMaster .modal-header .close{
     background: #009ED7;
    color: white;
    border-radius:50%;
    padding:15px 20px 15px 20px;
}
#mdMaster select.form-control,
#mdMaster input.form-control {
  background-color: white;
  color: #11343A;
border-radius: 10px;
    border: 1px solid #009ED7;
}

#mdMaster .btn-verde {
     padding: 10px 55px;
    background: #009ED7;
    color: white;
    border-radius: 10px;
}
#mdMaster .btn-verde:hover {
     padding: 10px 55px;
    background: #dadada;
    color: #009ED7 ;
    border-radius: 10px;
}

#mdMaster .plusvalia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 40px;
}

#mdMaster p.p-plus {
  font-size: 18px;
  color: white;
}

#mdSendSuccess .modal-content {
  background-color: #EFE0D2;
  border: none;
  border-radius: 0px;
}