.maqueta {
  --red: #f95f62;
  --light-orange: #ffba5c;
  --dark-orange: #f19933;
  --lighter-gray: #e5e9f2;
  --green: #05b503;
  --light-gray: #969faa;
  --dark: #343f4b;
  --dark-gray: #47525e;
  --darken-gray: #8190a5;
  --font-primary: "ralewaylight", sans-serif;
  --font-secondary: "latoregular";
  --font-secondary-light: "latolight";
  --font-xsmall: 10px;
  --font-small: 11px;
  --font-base-xsmall: 12px;
  --font-base-small: 14px;
  --font-base: 16px;
  --font-medium: 18px;
  --font-big: 28px;
  color: var(--dark);
  min-height: 580px;
}
.maqueta main {
  box-sizing: border-box;
}
.maqueta h2 {
  font-family: "ralewaylight", sans-serif;
  color: #47525e;
  font-weight: 300;
  font-size: 28px;
}
.maqueta p {
  font-size: var(--font-base);
  font-weight: 300;
  color: #47525e;
}
.maqueta_input {
  background-color: white;
  height: 55px;
}
.maqueta .card p {
  font-weight: 400;
  line-height: 18px;
}
.maqueta .content_form {
  max-width: 545px;
}
.maqueta .content_form .center_content {
  min-height: auto !important;
}
.maqueta .content_form input {
  width: 100%;
}
.maqueta .content_form a {
  color: var(--light-orange);
  font-size: var(--font-base);
}
.maqueta .content_form input[type=checkbox] {
  font-size: var(--font-size);
}
.maqueta .content_form .content_button button {
  background: var(--dark-orange);
  font-family: var(--font-secondary);
  height: 55px !important;
  line-height: 55px !important;
  padding-top: inherit !important;
  padding-bottom: inherit !important;
}
@media only screen and (max-width: 347px) {
  .maqueta .content_form .content_button button {
    font-size: 14px !important;
  }
}
.maqueta_progress_bar {
  background-color: #e5e9f2;
  height: 6px;
  max-width: max(250px, 70%);
}
.maqueta_progress_bar div {
  background-color: var(--darken-gray);
  height: 100%;
}
.maqueta .select_mobile select {
  box-sizing: border-box;
  height: 55px;
}
.maqueta .select_mobile select:focus {
  padding-top: 0 !important;
}
.maqueta .select_mobile:after {
  width: 7px;
  height: 7px;
  border-color: var(--dark);
  top: 50% !important;
  right: 20px !important;
  margin-top: -5px;
}
.maqueta .return {
  position: relative;
  width: 70px !important;
}
@media only screen and (max-width: 347px) {
  .maqueta .return {
    width: 45px !important;
  }
}
.maqueta .return:after {
  border-bottom: 2px solid var(--dark);
  border-right: 2px solid var(--dark);
  content: "";
  display: block;
  height: 6px;
  margin-top: -4px;
  margin-right: -3px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(135deg);
  transition: all 0.15s ease-in-out;
  width: 6px;
}
.maqueta .wrap {
  max-width: 545px;
  width: 100%;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.gap-1 {
  gap: 8px;
}

.gap-2 {
  gap: 12px;
}

.gap-3 {
  gap: 20px;
}

.justify-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column !important;
}

.w-full {
  width: 100% !important;
}

.w-50 {
  width: 50% !important;
}

.w-33 {
  width: 33.3333%;
}

.border-bottom {
  border-bottom: 1px solid #f1f1f1 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-2 {
  margin-left: 12px;
  margin-right: 12px;
}

.mb-1 {
  margin-bottom: 6px !important;
}

.mb-2 {
  margin-bottom: 12px !important;
}

.mb-3 {
  margin-bottom: 20px !important;
}

.mb-4 {
  margin-bottom: 30px !important;
}

.mb-5 {
  margin-bottom: 40px !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.pb-1 {
  padding-bottom: 5px !important;
}

.p-3 {
  padding: 10px;
}

.pb-4 {
  padding-bottom: 30px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-2 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-3 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.px-2 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.px-3 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-4 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-5 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.font-medium {
  font-size: var(--font-medium) !important;
}

.font-small {
  font-size: var(--font-small) !important;
}

.font-xsmall {
  font-size: var(--font-xsmall) !important;
}
@media only screen and (min-width: 768px) {
  .font-xsmall {
    font-size: calc(var(--font-base-xsmall) * 1.1) !important;
  }
}

.text-left {
  text-align: left !important;
}

.font-base-small {
  font-size: var(--font-base-small) !important;
}

.font-base-xsmall {
  font-size: var(--font-base-xsmall) !important;
}

.font-big {
  font-size: var(--font-big) !important;
}

.font-primary {
  font-family: var(--font-primary) !important;
}

.font-secondary {
  font-family: var(--font-secondary) !important;
}

.font-secondary-light {
  font-family: var(--font-secondary-light) !important;
}

.font-thin {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: 500 !important;
}

.font-bolder {
  font-weight: 600 !important;
}

.text-danger {
  color: var(--red) !important;
}

.text-success {
  color: var(--green) !important;
}

.border-sm {
  border-radius: 7.5px;
}

.border-light-gray {
  border: 1px solid var(--lighter-gray) !important;
}

.border-dark {
  border: 1px solid var(--dark) !important;
}

.bg-white {
  background-color: white !important;
}

.bg-transparent {
  background-color: transparent !important;
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .bg-md-transparent {
    background-color: transparent !important;
  }
}

@media only screen and (min-width: 768px) {
  .mb-md-2 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mb-md-3 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mb-md-4 {
    margin-bottom: 30px !important;
  }
}

@media only screen and (min-width: 768px) {
  .py-md-3 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .my-md-3 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .flex-md-direction-column {
    flex-direction: column !important;
  }
}

@media only screen and (min-width: 768px) {
  .mw-md-75 {
    max-width: 75% !important;
  }
}

/*# sourceMappingURL=maqueta.css.map */