/*
Custom Styles
 */
 
 body {
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-weight: 400 !important;
  text-rendering: optimizeSpeed;
 }

 .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .btn {
    text-transform: none !important;
    font-weight: 400 !important;
  }

  label {
    font-weight: 400 !important;
  }


 /*
 Tooltip (square meters)
 */

  @media
  only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}
 

.tooltip-m2 .tooltiptext {
  visibility: hidden;
  width: 245px !important;
  background-color: rgb(85, 81, 81) !important;
  color: #fff;
  text-align: left;
  margin-left: 30px;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: 30% !important;
  left: 70%;
  margin-left: -105px;
}

.tooltip-m2:hover .tooltiptext {
  visibility: visible ;
  width: 245px !important;
  top: 30%;
  left: 70%; 
  margin-left: -105px; /* Use half of the width (120/2 = 60), to center the tooltip */
  padding-left: -100px !important;
}

.tooltip-m2 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 53%;
  margin-top:-3px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid rgb(85, 81, 81);
}

/* GLOBAL 20231120 */

/* Navbar */
.hp-navbar {
  background: #ffffff !important;
  top: 0;
}

section#hp-hero-container {
  width: 100%;
  height: auto;
}

div#hp-main-search {
  margin-top: -43px; 
  z-index: 2;
}

div#main-search {
  background-color: rgba(25, 148, 155, 0.9);
  padding: 15px 30px;
  border-radius: 10px;
  box-sizing: border-box;
  display: block;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 11px 35px 0 rgba(0, 0, 0, .15);
}

section#hp-title {
  margin-top: 40px;
}

section#hp-title h1 {
  font-size: x-large;
}

section#hp-title h2 {
  font-size: medium;
}

@media (min-width: 721px) {
  section#hp-hero-container {
    height: auto;
    margin-top: 72px;
  }

  div#hp-main-search {
    margin-top: -68px;
  }

  section#hp-title {
    margin-top: 60px;
  }

  section#hp-title h1 {
    font-size: xx-large;
  }
  
  section#hp-title h2 {
    font-size: x-large;
  }
}

/*
Index
*/

 .genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    color: white;
    text-align: center !important;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .genric-btn.default-border {
    border: 1px solid rgb(80, 79, 79);
    background: rgb(80, 79, 79);
  }

  .genric-btn.default-border2 {
    border: 1px solid #CD5C5C;
    background: #CD5C5C;
  }

  .genric-btn.default-border2:hover {
    color: #415094;
    background: rgb(255, 238, 238);
    border: 1px solid transparent;
  }

  .genric-btn.default-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
  }

  .genric-btn.default-border:focus {
    background: rgb(80, 79, 79);
    color: white;
    outline: none;
  }

  .genric-btn.circle {
    border-radius: 20px;
  }

  .btn-pdp-sm:hover{
    color: #415094;
    background: rgb(255, 238, 238);
    border: 1px solid transparent;
  }

  .genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .genric-btn.small {
    line-height: 25px;
  }

  .genric-btn.medium {
    line-height: 40px;
  }

  .imgHolder {
    position: relative;
  }
  .imgHolder span {
      position: absolute;
      left: 25px;
      top: 10px;
      border-radius: 10px;
      padding-left: 5px;
      padding-right: 5px;
      color: white;
      background-color: #19949b;
  }

  .imgHolderGrey {
    position: relative;
  }
  .imgHolderGrey span {
      position: absolute;
      left: 25px;
      top: 10px;
      border-radius: 10px;
      padding-left: 5px;
      padding-right: 5px;
      color: white;
      background-color: rgb(112,128,144);
  }

  .imgHolderRed {
    position: relative;
  }
  .imgHolderRed span {
      position: absolute;
      left: 25px;
      top: 10px;
      border-radius: 10px;
      padding-left: 5px;
      padding-right: 5px;
      color: white;
      background-color: rgb(220,20,60);
  }

  /* Sites that do not support webp images*/

  .no-webp .image_results {
    background-image: url('/static/housepricing/images/tasacion_casa_departamento_1_low.jpg');
  }
  
  .webp .image_results {
    background-image: url('/static/housepricing/images/tasacion_casa_departamento_1_low.webp');
  }

  .dropdown-backdrop {
    position: static;
  }

  summary {
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  /* Home 2.0 */

  /* mobile first */
  .tab {
    cursor: pointer;
    margin-left: 15px;
    margin-right: 30px;
    border-bottom: solid transparent 2px;
  }

  .tab:hover {
    border-bottom: solid #555 2px;
    color: #555;
  }

  #hero-home {
    padding-top: 36px;
  }

  #hero-tabs {
    color: #333; 
    font-size: 1rem;
  }

  #hero-tabs .tab-selected {
    border-bottom: solid #333 2px;
  }

  #hero-home .h1-home {
    color: #333;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: left;
    font-weight: 700;
  }

  #hero-home .p-home-top {
    font-size: 0.8rem;
    text-align: left;
    margin-left: 15px;
  }

  @media (min-width: 721px) {

    .tab {
      margin-right: 100px;
      border-bottom: solid transparent 3px;
    }

    .tab:hover {
      border-width: 3px;
    }

    #tab-search.tab::after,
    #tab-tasacion.tab::after {
      content: ' propiedad';
    }

    #hero-home {
      padding-top: 120px;
    }

    #hero-tabs {
      font-size: 1.2rem;
    }

    #hero-tabs .tab-selected {
      border-bottom: solid #333 3px;
    }

    #hero-home .h1-home {
      /*color: #fff;*/
      width: 60%;
      font-size: 2.5rem;
      line-height: 2.8rem;
      /*text-shadow: 2px 2px 10px #0000008f;*/
    }

    #hero-home .p-home-top {
      color: white;
      font-size: 1rem;
      text-shadow: 1px 1px 12px #0000008f;
    }
  }

  @media (max-width: 1230px) {
   .h1-home {
      font-size: 45px !important;
    }
  }

  @media (max-width: 1109px) {
    .h1-home {
       font-size: 40px !important;
     }
   }

  @media (min-width: 721px){
    .outer-form-sm-pdp{
      border-radius: 10px;
    }
  }


  @media (max-width: 991px) {
    .h1-home {
      font-size: 35px !important;
      margin-top: 10px;
    }
    .p-home-top {
      font-size: 18px !important;
    }
  }

  @media (min-width: 721px) {
    #accordionEx{
      display: none !important;
    }

    .menu-lg-hide{
      display: none !important;
    }
  }

  @media (max-width: 720px) {
    .navbar-background-sm{
      background-color: white !important;
    }
    .responsive_img_blog{
      width: 100%;
    }
    .dropdown-menu-sm-hide{
      display: none !important;
    }
    .hide-main-div-sm{
      display: none !important;
    }
    .show-filters-div-sm{
      display: block !important;
    }
    .sm-icons{
      margin-bottom: 30px !important;
    }
    .mb-4.h1-home {
      font-size: 25px !important;
      margin-top: -190px;
      font-weight: bold !important;
      margin-bottom: 10px !important;
    }
    .sm-show-summary{
      display: flex !important;
      padding-bottom: 10px !important;
      margin-left: 20px;
      margin-right: 20px;
    }
    .p-home-top{
      display: none;
    }
    .p-home-top-sm{
      display: block !important;
      font-size: 20px !important;
    }
    .mouse-icon{
      display: none;
    }
    .hero-wrap.ftco-degree-bg::before{
      display: none;
    }
    .hero-wrap.ftco-degree-bg::after{
      display: none;
    }
    .form-row-details{
      display: flex !important;
    }
    .form-col-details{
      width: 50%;
    }
    .form-col-details-100{
      width: 100%;
    }
    .checkbox-filters-sm{
      padding-left: 0px !important;
      font-size: 16px !important;
    }
    .ftco-section.ftco-no-pb{
      padding-top: 30px;
    }
    .button-sm{
      padding-top: 3px !important;
    }
    .sm-hide{
      display: none !important;
    }
    .main-container-sm{
      margin-top: 0px !important;
    }
    .label-sm{
      margin-bottom: 0px;
    }
    .form-group-sm{
      margin-bottom: 8px;
    }
    .form-input-sm{
      height: 35px !important;
      font-size: 15px !important;
    }
    .img-sm-container{
      height: 420px;
    }
    .img-sm-container-res{
      height: 860px !important;
    }
    .h2-mb-2{
      font-size: 22px !important;
    }
    .header-section-ms{
      margin-bottom: 20px !important;
    }
    .ftco-section{
      padding-top: 40px !important;
    }
    .button-sm{
      padding: 20px 5px 15px 5px;
    }
    .outer-form-sm{
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-bottom: 0px !important;
      margin-left: 20px;
      margin-right: 20px;
    }
    
    /* Results view*/
    .outer-container-sm-res{
      padding-top: 0px !important;  
      margin-top: 75px !important;    
    }
    .cod-url-display-sm-res{
      padding-top: -100px !important;
      margin-top: -100px !important;
    }
    

    .outer-form-sm-res{
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-bottom: 0px !important;
      margin-left: 20px;
      margin-right: 20px;
    }
    .ftco-section.goto-here{
      padding-top: 10px !important;
    }
    .div-btn-more-fltr-sm{
      display: block !important;
    }
    .div-btn-more-fltr-sm-hide{
      display: none !important;
    }
    .div-btn-res-sm-show{
      display: block !important;
    }
    .div-btn-res-sm-hide{
      display: none !important;
    }
    .more-fltrs-res-sm{
      margin-top: 0px !important;
    }
    .res-sm-similars-cont{
      margin-top: 30px !important;
    }

    /* PDP */
    .img-sm-container-pdp-res{
      height: 660px !important;
    }
    .container-pdp-sm{
      margin-top: -70px;
      height: 690px !important;
      border-radius: 0px !important;
    }
    .pdp-img-sm{
      height: 200px !important;
    }
    .property-wrap-pdp-sm{
      margin-top: 30px;
      margin-left: -10px !important;
    }
    .form-sm-pdp{
      display: none !important;
    }
    .sm-pdp-main-search {
      display: block !important;
      align-items: center !important;
      width: 100% !important;
    }
    .btn-pdp-sm-portal{
      font-size: 15px !important; 
    }
    .property-wrap .property-text-pdp-sm {
      width: 100% !important; 
      padding-left: 5px !important;
    }
    .li-pdp-sm-hide{
      display: none !important;
    }
    .li-pdp-sm-show{
      display: block !important;
    }
    .pdp-sm-similars-cont{
      margin-top: 85px !important;
    }
    .h2-pdp-sm-hide{
      display: none !important;
    }
    .h2-pdp-sm-show{
      display: block !important;
    }
    /* No Results*/
    .no-results-hide-sm-p{
      display: none !important;
    }
    .no-results-show-sm-p{
      display: block !important;
    }
    .h1-home-sm-no-res{
      font-size: 25px !important;
      margin-top: -320px;
      font-weight: bold !important;
      margin-bottom: 10px !important;
    }
  }

  @media (max-width: 333px) {
    .mb-4.h1-home {
      font-size: 20px !important;
      margin-top: -230px ;
      margin-bottom: 10px !important;
    }
    .p-home-top-sm{
      display: block !important;
      font-size: 15px !important;
    }
  }

  /* Results View */
  @media (min-width: 768px) {
    .form_results1{
      margin-top: 0px !important;
    }
  }

  .form-control.form-input-lg{
    height: 35px !important;
    font-size: 16px !important;
  }

  .label-lg-r1 {
    color: white; 
    font-weight: 700; 
    text-align: left;
    margin-bottom: 0px;
  }

  .genric-btn-r1 {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .9em;
    color: white;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .genric-btn3 {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em !important;
    color: white;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }


  .genric-btn3.default-border3 {
    border: 1px solid rgb(80, 79, 79) ;
    background:rgb(80, 79, 79) ;
  }

  .genric-btn3.default-border3:hover {
    color: #415094;
    background: rgb(255, 238, 238);
    border: 1px solid transparent;
  }

  .genric-btn3.circle {
    border-radius: 20px;
  }

  .genric-btn3.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .genric-btn3.small {
    line-height: 25px;
  }

  .sort-results{
    display: flex;
    justify-content: left;

  }
  
  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }

  .sms-digit {
    width: 32px;
    padding: 0 10px;
    margin-right: 5px;
  }

  /* PLP */

  .container-scrollable::-webkit-scrollbar {
    display: none;
  }
  .container-scrollable {
    width: auto;
    height: 50px;
    padding: 0;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .container-scrollable > a {
    display: inline-block !important;
    background-color: #f3f3f3;
    border-radius: 15px;
    padding: 0 10px;
    margin-right: 5px;
    font-size: 0.85rem;
  }

  @media (min-width: 721px) {

    #hero-plp {
      padding-top: 80px;
    }

    .container-scrollable {
      padding: 10px 0;
      font-size: 1rem;
    }

    .container-scrollable > a {
      font-size: 1rem;
    }
  }

  /* Mobile */

  .pod {
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 5px 21px -14px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 5px 21px -14px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 5px 21px -14px rgb(0 0 0 / 30%);
  }

  .pod img {
    height: 160px;
    width: 160px;
    object-fit: cover;
    margin-left: -15px;
  }

  .pod-price {
    line-height: 1.3rem;
    margin-bottom: 8px;
  }

  .pod .pod-price .prop-price,
  .pod .pod-price .hp-price {
    display: block;
  }

  .pod .pod-price .prop-price {
    font-weight: 700;
  }

  .pod .pod-price .hp-price,
  .pod .pod-price .hp-price-label {
    color: #19949b;
  }

  .pod .pod-price .prop-price-label,
  .pod .pod-price .hp-price-label {
    font-size: 0.9rem;
  }

  .pod h4 {
    font-size: 0.85rem;
    color: #666;
    margin: 0;
  }

  .pod h5 {
    font-size: 0.75rem;
    color: #666;
    margin: 5px 0;
  }

  .pod ul.property_list {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
  }

  .pod ul.property_list li {
    font-size: 16px;
  }

  .pod ul.property_list li span {
    margin-right: 5px;
  }

  @media (min-width: 721px) {

    .pod img {
      height: 200px;
      width: 250px;
      object-fit: cover;
      margin-left: -15px;
    }

    .pod .pod-price .prop-price,
    .pod .pod-price .hp-price {
      display: inline-block;
    }

  }

  /* PDP */

  @media (max-width: 720px) {

    .ftco-property-details .sm-hide {
      display: none !important;
    }

    .ftco-property-details .property-wrap {
      margin-bottom: 20px !important;
    }

    .ftco-property-details h1{
      font-size: 18px;
    }

    .ftco-property-details h2{
      font-size: 14px;
    }

    .ftco-property-details .price-uf {
      margin-bottom: -5px; 
      font-size: 18px;
    }

    .ftco-property-details .price-clp {
      margin-bottom: -5px; 
      font-size: 22px;
    }

    .ftco-property-details .price-hp {
      margin-bottom: -5px;
      font-size: 22px;
      color: #19949b;
    }

    .ftco-property-details .price-clp .label-price {
      font-size: 14px;
      margin-left: 8px;
    }

    .ftco-property-details .price-hp .label-hp {
      font-size: 14px;
      margin-left: 8px;
      color: #19949b;
    }

    .ftco-property-details .price-hp .label-no-hp {
      font-size: 14px;
      margin-left: 8px;
    }

    .ftco-property-details .tag-hp {
      margin: 8px 0;
      font-size: 14px;
      color: white;
      background-color: rgb(112,128,144);
      border-radius: 3px;
      text-align: center;
      width: fit-content;
      line-height: 23px;
      padding: 0 12px;
    }

    .ftco-property-details .tag-hp.low {
      background-color: rgb(220,20,60);
    }

    .ftco-property-details .cta-area {
      margin-bottom: 0px;
      margin-top: 30px;
      padding-top: 10px;
      text-align: center;
    }

    .ftco-property-details .cta-area .button {
      padding-top: 5px;
      padding-bottom: 5px;
    }

    .ftco-property-details .cta-area p {
      margin-top: 10px;
    }

    .ftco-property-details .pdp-main-module h2 {
      font-size: 18px; 
      margin: 30px 0 10px 0;
    }

    .ftco-property-details .pdp-main-module h3 {
      font-size: 16px;
      margin-top: -10px;
      color: #888;
    }

    .ftco-property-details .pdp-main-module ul.features {
      list-style-type: none;
      margin: 0;
      padding-left: 10px;
    }

    .ftco-property-details .pdp-main-module ul.features li {
      font-size: 16px;
    }

    .ftco-property-details .pdp-main-module ul.features li span {
      margin-right: 5px;
    }

    .ftco-property-details .pdp-main-module .map img {
      width: 100%;
    }

    .ftco-carousel h2{
      margin-left: 15px;
    }
  
  }

  @media (min-width: 721px) {

    .ftco-property-details .lg-hide {
      display: none !important;
    }

    .ftco-property-details .property-wrap {
      margin-bottom: 0 !important;
    }

    .ftco-property-details h1{
      font-size: 24px;
    }

    .ftco-property-details h2{
      font-size: 16px;
    }

    .ftco-property-details .price-uf {
      margin-bottom: -5px;
      font-size: 20px;
    }

    .ftco-property-details .price-clp {
      margin-bottom: -5px;
      font-size: 26px;
    }

    .ftco-property-details .price-hp {
      margin-bottom: -5px;
      font-size: 26px;
      color: #19949b;
    }
    
    .ftco-property-details .price-clp .label-price {
      font-size: 16px;
      margin-left: 10px;
    }

    .ftco-property-details .price-hp .label-hp {
      font-size: 16px;
      margin-left: 10px;
      color: #19949b;
    }

    .ftco-property-details .price-hp .label-no-hp {
      font-size: 16px;
      margin-left: 10px;
    }

    .ftco-property-details .tag-hp {
      margin: 8px 0;
      font-size: 15px;
      color: white;
      background-color: rgb(112,128,144);
      border-radius: 3px;
      text-align: center;
      width: fit-content;
      line-height: 24px;
      padding: 0 12px;
    }

    .ftco-property-details .tag-hp.low{
      background-color: rgb(220,20,60);
    }

    .ftco-property-details .cta-area {
      margin-bottom: 0px;
      margin-top: 30px;
      padding-top: 10px;
      text-align: center;
    }

    .ftco-property-details .cta-area .button {
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 1em;
      line-height: 40px;
    }

    .ftco-property-details .btn-pdp-lg-portal {
      font-size: 16px;
    }

    .ftco-property-details .cta-area p {
      margin-top: 10px;
    }

    .ftco-property-details .pdp-main-module h2 {
      font-size: 18px; 
      margin: 30px 0 10px 0;
    }

    .ftco-property-details .pdp-main-module h3 {
      font-size: 16px;
      margin-top: -10px;
      color: #888;
    }

    .ftco-property-details .pdp-main-module ul.features {
      list-style-type: none;
      margin: 0;
      padding-left: 10px;
    }

    .ftco-property-details .pdp-main-module ul.features li {
      font-size: 16px;
    }

    .ftco-property-details .pdp-main-module ul.features li span {
      margin-right: 5px;
    }

    .ftco-property-details .pdp-main-module .map img {
      width: 100%;
    }

  }

  .ftco-carousel .price-clp {
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
  }

  .ftco-carousel .price-hp {
    margin-bottom: 0;
    font-size: 16px;
    color: #19949b;
    line-height: 18px;
  }
  
  .ftco-carousel .price-clp .label-price {
    font-size: 14px;
  }

  .ftco-carousel .price-hp .label-hp {
    font-size: 14px;
    color: #19949b;
  }

  .ftco-carousel .price-hp .label-no-hp {
    font-size: 14px;
  }

  .ftco-carousel .tag-hp {
    margin: 8px 0;
    font-size: 10px;
    color: white;
    background-color: rgb(112,128,144);
    border-radius: 3px;
    text-align: center;
    width: fit-content;
    line-height: 16px;
    padding: 0 12px;
  }

  .ftco-carousel .tag-hp.low{
    background-color: rgb(220,20,60);
  }

  .ftco-carousel .property-portal {
    font-size: 13px;
  }
  
  .property-wrap .text {
    padding: 20px !important;
  }

/* Informe Tasacion */

#section-informe-ejemplo.section-informe-tasacion {
  padding: 1em 0; 
  margin-top: 35px;
}

#smartwizard .row {
  margin: 0 !important;
}

#smartwizard .form-group {
  margin-right: 15px;
}

#smartwizard .form-divider {
  display: inline-block;
  /*margin-left: 10px;*/
}

#smartwizard .form-divider label {
  font-size: 18px;
}

#smartwizard .form-divider p {
  color: #999;
}

#smartwizard #form-summary {
  color: #999;
  border-radius: 4px;
  padding: 5px;
  flex-direction: row;
  margin-left: -10px;
  margin-bottom: 20px;
  width: max-content;
}

#smartwizard #form-summary .form-summary-icon {
  display: inline-block;
}

#smartwizard #form-summary #form-summary-edit {
  margin-right: 15px;
  margin-left: 15px;
  text-decoration: underline;
  cursor: pointer;
}

#smartwizard #form-summary #form-summary-location {
  padding-left: 5px;
}

#smartwizard .form-cards-container {
  display: flex;
}

#smartwizard .form-card {
  display: flex;
  flex-direction: column;
  border: 1px #ccc solid;
  margin: 10px;
  border-radius: 6px;
  padding: 20px;
}

#smartwizard .form-card-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
}

#smartwizard .form-card-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 28px;
}

#smartwizard .form-card-price-normal {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  text-decoration: line-through;
  color: #999;
  line-height: 0.5em;
  margin-bottom: 15px;
  font-weight: 300;
}

#smartwizard .form-card input[type=radio] {
  visibility: hidden;
}

#smartwizard .form-card {
  overflow: hidden; /* required */
  position: relative; /* required  for demo*/
}

.ribbon-container {
  overflow: hidden; /* required */
  position: relative; /* required  for demo*/
}

.ribbon {
  margin: 0;
  padding: 0;
  background: #d9534f;
  color:white;
  padding:0.5em 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #d9534f;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

#smartwizard #map {
  width: 100%;
  height: 200px;
}

#smartwizard .btn-option {
  color: #555;
  background-color: #fff;
  border-color: #3c837c;
  font-size: 18px;
  line-height: 2.0;
  padding: 0.375rem 1.25rem;
}

#smartwizard .btn-option.label-tipo-propiedad {
  width: 180px;
  margin: 10px 10px 10px 0;
}

#smartwizard .btn-option.label-tipo-propiedad,
#smartwizard .btn-option.label-tipo-operacion {
  color: #777;
  background-color: #fff;
  border-color: #999;
  font-size: 18px;
  line-height: 2.0;
  padding: 0.375rem 1.25rem;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: -2px 2px 8px rgb(0 0 0 / 10%) !important;
  border: 1px solid #999 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

#smartwizard .btn-option:hover {
  color: #fff;
  background-color: #3c837c;
  border-color: #3c837c;
  border: 1px solid #3c837c !important;
}

#smartwizard .btn-option.label-tipo-propiedad:hover,
#smartwizard .btn-option.label-tipo-operacion:hover {
  border-color: #3c837c50;
  border: 1px solid #3c837c50 !important;
}

#smartwizard .btn-option:not(:disabled):not(.disabled):active, 
#smartwizard .btn-option:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #3c837c;
  border-color: #3c837c;
  border: 1px solid #3c837c !important;
}

#smartwizard .btn-option.label-tipo-propiedad:not(:disabled):not(.disabled):active, 
#smartwizard .btn-option.label-tipo-propiedad:not(:disabled):not(.disabled).active,
#smartwizard .btn-option.label-tipo-operacion:not(:disabled):not(.disabled):active, 
#smartwizard .btn-option.label-tipo-operacion:not(:disabled):not(.disabled).active {
  color: #306b65;
  background-color: #56bbb140;
  border: 2px solid #3c837c !important;
  border-color: #3c837c;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: unset !important;
}

#smartwizard .btn-option.label-tipo-propiedad:not(:disabled):not(.disabled):active > span::before, 
#smartwizard .btn-option.label-tipo-propiedad:not(:disabled):not(.disabled).active > span::before,
#smartwizard .btn-option.label-tipo-operacion:not(:disabled):not(.disabled):active > span::before, 
#smartwizard .btn-option.label-tipo-operacion:not(:disabled):not(.disabled).active > span::before {
  content: "✔ " !important;
  font-size: 16px;
}


#smartwizard .mapboxgl-ctrl-geocoder, 
#smartwizard .mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
  border: 1px;
  border-color: #999;
  border-style: solid;
}

#smartwizard .mapboxgl-ctrl-geocoder--input {
  font-size: 16px !important;
}

#smartwizard .wizard-nav {
  margin-top: 15px;
}

#smartwizard .btn-next {
  line-height: 30px;
  padding: 6px 16px;
  font-size: 16px;
}

#smartwizard .lnk-prev:before {
  content: "←";
  margin-right: 6px;
  display: inline-block;
}

#smartwizard .lnk-prev {
  margin: 0 15px;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sw-theme-arrows>.nav .nav-link.active {
  cursor: default !important;
}

.sw-theme-arrows>.nav .nav-link.inactive {
  cursor: default !important;
}

.sw-theme-arrows>.nav .nav-link.done {
  cursor: default !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.mercadopago-button {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  font-size: 16px !important;
}

/* Default mobile */

.section-informe-tasacion h1 {
  font-size: 1.75rem;
  margin: 10px 20px;
  line-height: 30px;
}

.section-informe-tasacion h2 {
  font-size: 1.5rem;
  font-weight: 100;
}

.section-informe-tasacion h3 {
  font-size: 1.35rem;
  font-weight: 400;
}

.section-informe-tasacion h1 + .subheading{
  font-size: 0.9rem;
  line-height: 1.25rem;
}


@media (max-width: 720px) {

  .section-informe-tasacion {
    padding-top: 0 !important;
  }

  #smartwizard .nav .nav-link.inactive {
    display: none;
  }

  #smartwizard .nav .nav-link.active {
    display: block;
    text-align: left;
  }

  #smartwizard #step-1 {
    min-height: 500px;
  }

  #smartwizard #form-summary {
    font-size: 12px;
  }

  #smartwizard #form-summary #form-summary-location {
    width: 200px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  #smartwizard .form-cards-container {
    display: flex;
    flex-direction: column;
  }

  #smartwizard .form-card ul {
    padding-inline-start: 20px;
  }

  #smartwizard .form-card {
    margin: 0 -15px 15px 0;
  }

  #smartwizard label {
    margin-bottom: 0;
    font-size: 14px;
  }

  #smartwizard .form-control {
    font-size: 16px;
  }

  #smartwizard .form-control.input-mb {
    width: 100px;
  }

  #smartwizard .element-mb {
    display: inline-block;
  }

  #smartwizard .element-lg {
    display: none;
  }

  #smartwizard .form-divider p {
    line-height: 20px;
  }  

}

@media (min-width: 721px) {

  .section-informe-tasacion h1 {
    font-size: 1.5rem;
  }

  .section-informe-tasacion h2 {
    font-size: 1.7rem;
    font-weight: 100;
  }

  .section-informe-tasacion h3 {
    font-size: 1.5rem;
    font-weight: 400;
  }

  .section-informe-tasacion h1 + .subheading{
    font-size: 1rem;
  }

  .mapboxgl-ctrl-geocoder {
      width: 400px!important;
  }

  .section-informe-tasacion .row {
    width: 850px; 
    margin: 0 auto;
  }

  #smartwizard {
    width: 850px;
  }

  #smartwizard #step-1 {
    min-height: 330px;
  }

  #smartwizard label {
    margin-bottom: 0;
  }

  #smartwizard .element-lg {
    display: inline-block;
  }

  #smartwizard .element-mb {
    display: none;
  }

}

/* Modulo Informe Tasación */
#informe-tasacion-banner h1 {
  font-size: 1.5rem;
}

/* CTA Banner */
#informe-tasacion-banner .informe-tasacion-cta {
  display: flex; 
  align-items: center; 
  justify-content: right;
}

#informe-tasacion-banner .informe-tasacion-cta a {
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 12px;
}

@media (min-width: 721px) {
  #informe-tasacion-banner h1 {
    font-size: 2rem;
  }

  #informe-tasacion-banner .informe-tasacion-cta a {
    font-size: 18px;
    padding: 14px 28px;
  }

}

/* Modulo Banner */

#informe-tasacion-module,
.banner-module {
  margin-top: 50px;
}

#informe-tasacion-module .informe-tasacion-cta,
.banner-module .banner-cta {
  display: flex; 
  align-items: center; 
  justify-content: center;
}

#informe-tasacion-module .informe-tasacion-cta a,
.banner-module .banner-cta a {
  display: block;
  font-size: 18px;
  font-weight: 300;
  padding: 14px 28px;
}

#informe-tasacion-module .desc.ribbon-container,
.banner-module .desc.ribbon-container {
  -webkit-box-shadow: 0px 5px 21px -5px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0px 5px 21px -5px rgba(0, 0, 0, 0.30);
  box-shadow: 0px 5px 21px -5px rgb(0 0 0 / 30%);
}

@media (max-width: 720px) {

  #informe-tasacion-module .agent .desc,
  .banner-module .agent .desc {
    margin-left: 0;
  }

  #informe-tasacion-module h2,
  .banner-module h2 {
    font-size: 1.3rem;
  }

  #informe-tasacion-module h3,
  .banner-module h3 {
    font-size: 1rem;
  }

  #informe-tasacion-module ul,
  .banner-module ul {
    padding-inline-start: 30px;
  }

}


/* Dashboard Soft UI */

.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {
  background-image: linear-gradient(
310deg, #40887f 0%, #529d8d 100%) !important;
}

.section-panel-inmobiliario h1 {
  font-size: 24px;
  margin: 10px 20px;
  line-height: 30px;
}

@media (min-width: 721px) {

  .section-panel-inmobiliario h1 {
    font-size: 2rem;
  }
} 

.pagination {
  text-align: center;
  margin-top: 20px;
}

.pagination-list {
  list-style: none;
  padding: 0;
  display: inline-block;
}

.pagination-item {
  display: inline;
  margin: 0 5px;
}

.pagination-item a {
  text-decoration: none;
  color: #0b7189;
  padding: 5px 10px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}

.pagination-item a:hover {
  background-color: #f8f8f8;
  border-color: #0b7189;
}

.pagination-item.current {
  font-weight: bold;
  padding: 5px 10px;
}