@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
*,

/* Estilos encuentas metro cuadrado */

::after,
::before {
    box-sizing: border-box!important;
}

a,p,h1,h2,h3,h4,h5,h6,.mth_label,.form-control::placeholder,.form-control,.mth_btn strong,.mth-form-check-label,.form-check-label,.form-select{
    font-family: 'Poppins';
}

.form-control {
    display: block!important;
    width: 100%!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 1rem!important;
    font-weight: 382!important;
    line-height: 1.5!important;
    color: #212529!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #383E42!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-radius: 0 !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out!important;
}

.valid {
    box-shadow: none !important;
    border: 1.5px solid #008F56 !important;
}

.mth-titulo div h2{
    font-weight: 800;
}

small>p{
    background-color: antiquewhite!important;
    padding: 1em!important;
    font-weight: 700 !important;
    margin-top: 1em !important;
}

.fw-bold{
    font-weight: 700 !important;
}

.mth_body {
    font-family: 'Barlow', sans-serif !important;
    background: linear-gradient(#FF5F00 0%, #FF5F00 50%, #fff 50%, #fff 100%)!important;
    padding-top: 1em!important;
}

.mthOptionRad{
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
  }

  .mthOptionRad>.mthOpc{
    display: flex !important;
    justify-content: space-around !important;
    width: 100% !important;
  }

  .mth-space>picture>img{
    width: 100% !important;
    max-width: 100% !important;
    border: 2px solid white !important;
    border-radius: 10px !important;
}


.mth-message {
    background: #FFFFFF!important;
    border-radius: 10px!important;
    line-height: 130%!important;
    align-items: center!important;
    text-align: center!important;
    color: #000000!important;
    font-style: normal!important;
    box-shadow: 4px -4px 24px rgba(18, 18, 18, 0.08)!important;
}

.mth-message>h1 {
    font-weight: 700!important;
    font-size: 28px!important;
}

.mth-message>p {
    font-weight: 400!important;
    font-size: 14px!important;
}

.mth_card {
    background: #FAF9F9!important;
    box-shadow: 4px -4px 24px rgba(18, 18, 18, 0.08)!important;
    border-radius: 20px!important;
}

.mth_form {
    padding: 4em 10em!important;
}

.mth_label {
    font-style: normal!important;
    font-weight: 600!important;
    font-size: 14px!important;
    line-height: 130%!important;
    display: flex!important;
    align-items: center!important;
    color: #121212!important;
    padding:0.5em 0 0.5em 0 !important;
}

.mth_btn {
    height: 48px!important;
    width: 175px!important;
    border-radius: 0 !important;
    background: #FF5F00!important;
    color: #fff!important;
    margin-bottom: 2em!important;
    border: none!important;

}

.mth_btn:hover {
    background: #f6a447!important;
    color: white!important;
    cursor: pointer!important;
}

/* Radio button */

.mth-form-check {
    display: flex!important;
    align-items: stretch!important;
    min-height: 1.5rem!important;
    margin-bottom: 0.125rem!important;
}

.mth-form-check input[type="radio"] {
    position: absolute!important;
    opacity: 0!important;
}

.mth-form-check input[type="radio"]+.mth-form-check-label:before {
    content: ''!important;
    background: #ffffff!important;
    border-radius: 100%!important;
    border: 1px solid #b4b4b4!important;
    display: inline-block!important;
    width: 1em!important;
    height: 1em!important;
    position: relative!important;
    margin-right: 0.5em!important;
    vertical-align: top!important;
    cursor: pointer!important;
    text-align: center!important;
    transition: all 250ms ease!important;
    top:3px;
}

.mth-form-check input[type="radio"]:checked+.mth-form-check-label:before {
    background-color: #ffffff!important;
    box-shadow: inset 0 0 0 3px #f4f4f4!important;
    border: 4px solid #000000!important;
}

.mth-form-check input[type="radio"]:focus+.mth-form-check-label:before {
    outline: none!important;
    border-color: #000000!important;
}

.mth-form-check input[type="radio"]:disabled+.mth-form-check-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4!important;
    border-color: #b4b4b4!important;
}

.mth-form-check input[type="radio"]+.mth-form-check-label:empty:before {
    margin-right: 0!important;
}


/* Hipervinculo */

.mth-url {
    color: #FF5F00!important;
}

/* Input */

.mth-form-control {
    display: block!important;
    width: 100%!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 1.6rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #212529!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #383E42!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-radius: 0 !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out!important;
}

/* Select */

.mth-form-select {
  display: block !important;
  width: 100% !important;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
  -moz-padding-start: calc(0.75rem - 3px) !important;
  font-size: 1.6rem!important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #747171 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 12px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.form-check-inline {
    display: inline-block!important;
    margin-right: 1rem!important;
}

#mth-start4{
    display: none!important;
}

.form-check{
    display: flex !important;
}
/* Checkbox */

.mth-check {
  background-size: 100% 100%!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  display: inline-block!important;
  vertical-align: middle!important;
  background-origin: border-box!important;
  padding: 0!important;
  user-select: none!important;
  flex-shrink: 0!important;
  cursor: pointer!important;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important;
  width: 1.2em!important;
  height: 1.2em!important;
  appearance: none!important;
  border: 1px solid #b4b4b4!important;
  transition: background-color 0.3s ease-in-out!important;
  border-radius: 3px!important;
  margin-left: 0!important;
  margin-right: 1em!important;
  outline: none !important;

}

.mth-check:checked {
    border: none!important;
  background-color: #FF5F00!important;
}

.mth-check:focus {
  border-color: #c56c06!important;
}

.mth-check:disabled {
  background-color: rgb(198, 198, 198)!important;
  background-image: none!important;
}

.mth-check:disabled:checked {
  background-color: rgb(198, 198, 198)!important;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important;
}

.mth_btn_exit{
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  text-decoration: none;
  font-weight: 700;
}

.mth-label{
  font-size: 16px !important;
  font-weight: 600;
}

.mth-text-page{
  font-size: 14px !important;  
  Line-height: 18.2px !important;
}


@media (min-width: 421px ) and (max-width: 755px) { 
  .mth_form {
      padding: 4em 4em !important;
  }

  .mth-check-yes{
      width: 50% !important;
  }

  .mth-selection-opc{
      display: flex !important;
      flex-direction: column !important;
  }

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

    .mthOptionRad>.mthOpc{
        display: flex !important;
        justify-content: space-between !important;
    }

    .content-select{
        width: 30% !important;
    }

    .content-input{
        width: 66% !important;
    }
}


@media (min-width: 104px ) and (max-width: 420px) { 
  .mth_form {
      padding: 4em 3em !important;
  }

  .mth-check-yes{
      width: 50% !important;
  }

  .mth-selection-opc{
      display: flex !important;
      flex-direction: column !important;
  }

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

    .mthOptionRad>.mthOpc{
        display: flex !important;
        justify-content: space-between !important;
    }
}

.mth-d-contents{
    display: contents;
}

.mth-line-1{
    line-height: 1.3em;
}

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

.enlace{
    color: #262829 !important;
}

.enlace:hover{
    color: #262829 !important;
}

.mth_body_reversion {
    background-color: #FAF9F9;
}

.form-select {
    display: block !important;
    width: 100% !important;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
    -moz-padding-start: calc(0.75rem - 3px) !important;
    font-size: 1rem!important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    border: 1px solid #383E42 !important;
    border-radius: 0!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .mth-failed{
    background-color: red;
    color: #fff;
  }

  .mth-success{
    background-color: #008F56;
    color: #fff;
  }

  .mth-success p img{
    vertical-align: middle;
  }

  .returpage{
    background: #383E42;
    color: #fff;
    text-decoration: none;
    padding: 8px;
    margin-top: 10px;
    font-size: 20px;
    border-radius: 2px;
  }