.overlay {
  display: none;
  position: fixed;
  /* could also be absolute */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 500;
  background-color: white;
}

.overlay .ioc-close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1100;
  margin: 1.5em 1em;
  color: black;
  cursor: pointer;
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABJmlDQ1BBZG9iZSBSR0IgKDE5OTgpAAAoz2NgYDJwdHFyZRJgYMjNKykKcndSiIiMUmA/z8DGwMwABonJxQWOAQE+IHZefl4qAwb4do2BEURf1gWZxUAa4EouKCoB0n+A2CgltTiZgYHRAMjOLi8pAIozzgGyRZKywewNIHZRSJAzkH0EyOZLh7CvgNhJEPYTELsI6Akg+wtIfTqYzcQBNgfClgGxS1IrQPYyOOcXVBZlpmeUKBhaWloqOKbkJ6UqBFcWl6TmFit45iXnFxXkFyWWpKYA1ULcBwaCEIWgENMAarTQZKAyAMUDhPU5EBy+jGJnEGIIkFxaVAZlMjIZE+YjzJgjwcDgv5SBgeUPQsykl4FhgQ4DA/9UhJiaIQODgD4Dw745AMDGT/0ZOjZcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA1LTEzVDE2OjE1OjExLTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNS0xM1QxNjoyMjoyMi0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wNS0xM1QxNjoyMjoyMi0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJBZG9iZSBSR0IgKDE5OTgpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmZiOWJhZjQ4LWFhMzUtNDA0NS1hZjMwLTcyZWQ2MmM2MDQ2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpmYjliYWY0OC1hYTM1LTQwNDUtYWYzMC03MmVkNjJjNjA0NjAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjliYWY0OC1hYTM1LTQwNDUtYWYzMC03MmVkNjJjNjA0NjAiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiOWJhZjQ4LWFhMzUtNDA0NS1hZjMwLTcyZWQ2MmM2MDQ2MCIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0xM1QxNjoxNToxMS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmOo33YAAAEFSURBVFjDxZcxDoMwDEVh61R6gHgGwY26khu0S7vQozetHClIBOz4R1j6E+D3lKoYN8262pB7yNDga+Debe6G3wUf8uEQEE5JXy+BIyVoo+9K4pKBIyRop69n9i7cIkGCvv+TGAU3aiVI2HOMDzighAS+MHNVCIliOELCDLdIwOBaiRsHCtdIvDlwuPYkqsCtEhB4KrGcBY/VhTwF8EfItcI4Vwl0aDgV/ASEhJf+C+hMuFlCAn9x4BLSd3vHgZ5EyWCBfU9YpppZAjFSiyWQ81wtMVV4t0slJslneelgkUj4uJjMlabansQcF5NYvtJIdUerWU4COc+dBJ6u532Fcd5vredfvFfrMRv8JrQAAAAASUVORK5CYII=");
}

@media screen and (min-width: 768px) {
  .overlay .ioc-close {
    margin: 3em;
  }
}

.ioc-modal {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  background-color: #e6e4dc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100vw;
  height: 100vh;
}

@media screen and (min-width: 768px) {
  .ioc-modal {
    width: auto;
    height: 550px;
    max-width: 750px;
    max-height: 100vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.ioc-modal .data {
  margin: 20px;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  min-height: 350px;
  min-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ioc-modal .data .title {
  background: black;
  color: white;
  text-transform: uppercase;
  padding: 0.5em 1em;
  border-radius: 30px;
  display: inline;
  margin: 0 3em;
}

.ioc-modal .data .area {
  font-size: 1.5em !important;
}

.ioc-modal .data .precio {
  font-weight: bold !important;
}

.ioc-modal .data .plazos-plan {
  display: none;
  font-size: .75em;
}

.ioc-modal .chepinas-gallery {
  max-width: 350px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: center;
}

.ioc-modal .chepinas-gallery img {
  width: 100%;
  margin-bottom: 10px;
}

.ioc-enviar {
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 10px;
}

.ioc-enviar .ioc-close {
  margin: 1em 0 !important;
}

@media screen and (max-width: 768px) {
  .ioc-enviar .ioc-close {
    padding: 4em 1em;
  }
}

.ioc-enviar .title {
  text-transform: uppercase;
  margin: 1em 0em;
}

.ioc-enviar p {
  margin: 5px 0;
}

.ioc-enviar input:not([type='checkbox']), .ioc-enviar textarea {
  width: 320px;
}

.ioc-enviar input:not([type='checkbox']).mitad, .ioc-enviar textarea.mitad {
  width: 155px;
}

.ioc-enviar input:not([type='checkbox']).mitad:first-of-type, .ioc-enviar textarea.mitad:first-of-type {
  margin-right: 5px;
}

.ioc-enviar label {
  color: black;
}
/*# sourceMappingURL=front-styles-modal-b.css.map */