:root {
  /* Colors: */
  --unnamed-color-ed6a00: #ED6A00;
  --unnamed-color-ffffff: #FFFFFF;
  --unnamed-color-f4f4f4: #F4F4F4;
  --unnamed-color-cbcbcb: #CBCBCB;
  --unnamed-color-535150: #535150;
  --unnamed-color-0091d9: #0091D9;
  --unnamed-color-51504f: #51504F;
  --unnamed-color-3cad4b: #3CAD4B;
  --unnamed-color-084564: #084564;
  /* Font/text values */
  --unnamed-font-family-montserrat: Montserrat;
  --unnamed-font-family-font-awesome-5-brands: Font Awesome 5 Brands;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-600: 600px;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-medium: medium;
  --unnamed-font-size-11: 11px;
  --unnamed-font-size-12: 12px;
  --unnamed-font-size-15: 15px;
  --unnamed-font-size-20: 20px;
  --unnamed-font-size-35: 35px;
  --unnamed-font-size-40: 36px;
  --unnamed-font-size-40: 40px;
  --unnamed-font-size-55: 55px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-character-spacing-1-44: 1.44px;
  --unnamed-character-spacing-1-32: 1.32px;
  --unnamed-character-spacing-1-8: 1.8px;
  --unnamed-line-spacing-14: 14px;
  --unnamed-line-spacing-15: 15px;
  --unnamed-line-spacing-19: 19px;
  --unnamed-line-spacing-22: 22px;
  --unnamed-line-spacing-24: 24px;
  --unnamed-line-spacing-25: 25px;
  --unnamed-line-spacing-43: 43px;
  --unnamed-line-spacing-48: 48px;
  --unnamed-line-spacing-60: 60px;
  --unnamed-text-transform-uppercase: uppercase;
}

/* Character Styles */
.preguntas-formularios {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-600);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-19);
  letter-spacing: var(--unnamed-character-spacing-1-8);
  color: var(--unnamed-color-ffffff);
  text-transform: var(--unnamed-text-transform-uppercase);
}

.campos-de-texto {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-600);
  font-size: var(--unnamed-font-size-11);
  line-height: var(--unnamed-line-spacing-14);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(--unnamed-color-084564);
  text-transform: var(--unnamed-text-transform-uppercase);
}

.h1 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-40);
  line-height: var(--unnamed-line-spacing-48);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.h2-white {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-55);
  line-height: var(--unnamed-line-spacing-60);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
}

.h2 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-55);
  line-height: var(--unnamed-line-spacing-60);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.h3 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-600);
  font-size: var(--unnamed-font-size-35);
  line-height: var(--unnamed-line-spacing-43);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.c1 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-35);
  line-height: var(--unnamed-line-spacing-43);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.c2 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-3cad4b);
  text-transform: var(--unnamed-text-transform-uppercase);
}

.c3 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-22);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.c4 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-35);
  line-height: var(--unnamed-line-spacing-43);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
}

.p {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-19);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.p2 {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-35);
  line-height: var(--unnamed-line-spacing-43);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-084564);
}

.p2-white {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-35);
  line-height: var(--unnamed-line-spacing-43);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
}

.cta {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-12);
  line-height: var(--unnamed-line-spacing-15);
  letter-spacing: var(--unnamed-character-spacing-1-44);
  color: var(--unnamed-color-ffffff);
}

.icons-brands {
  font-family: var(--unnamed-font-family-font-awesome-5-brands);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
}

.menu {
  font-family: var(--unnamed-font-family-montserrat);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-12);
  line-height: var(--unnamed-line-spacing-15);
  letter-spacing: var(--unnamed-character-spacing-1-44);
  color: var(--unnamed-color-51504f);
}

.btnAzul {
  background-color: var(--unnamed-color-0091d9);
  color: #FFFFFF;
}

.btn {
  padding: 15px 25px;
  display: inline-block;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-15) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-44);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  letter-spacing: 1.44px;
  color: #FFFFFF;
  opacity: 1;
  box-sizing: border-box;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
}

.alert {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: right;
  display: inline-block;
  padding: 15px;
  margin-top: 10px;
}

.alert-danger {
  background-color: #f28282;
}

.alert-success {
  background-color: #3CAD4B;
}

.btndisabled {
  opacity: 0.7;
}

.btn .fab {
  font-size: 20px;
  position: relative;
}

.btn .txt {
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 1.44px;
}

.btnNaranja {
  background: var(--unnamed-color-ed6a00) 0% 0% no-repeat padding-box;
  background: #ED6A00 0% 0% no-repeat padding-box;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-15) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-44);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 1.44px;
  color: #FFFFFF;
}

.btnVerde {
  background: #3CAD4B;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-15) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-44);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 1.44px;
  color: #FFFFFF;
}

input[type=text] {
  height: 43px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-11)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(--unnamed-color-51504f);
  text-align: left;
  font: normal normal 600 11px/14px Montserrat;
  letter-spacing: 1.32px;
  color: #51504F;
  text-transform: uppercase;
  opacity: 1;
}

input[type=password] {
  height: 43px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-11)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(--unnamed-color-51504f);
  text-align: left;
  font: normal normal 600 11px/14px Montserrat;
  letter-spacing: 1.32px;
  color: #51504F;
  text-transform: uppercase;
  opacity: 1;
}

select {
  height: 43px;
  font-size: 13px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

.form input[type=radio] {
  color: #3CAD4B;
}

.label-radio {
  margin-top: 10px;
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  padding-right: 15px;
  height: 25px;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-11)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  box-sizing: border-box;
  padding-top: 5px;
}

/* Hide the browser's default radio button */
.label-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.label-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.label-radio input:checked ~ .checkmark {
  background-color: #3CAD4B;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.label-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.label-radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.textoForm {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-15)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-8);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal 600 15px/19px Montserrat;
  letter-spacing: 1.8px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

textarea {
  width: 100%;
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 15px;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-11)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(--unnamed-color-51504f);
  text-align: left;
  font: normal normal 600 11px/14px Montserrat;
  letter-spacing: 1.32px;
  color: #51504F;
  text-transform: uppercase;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.radio-group {
  width: 100%;
  padding-top: 10px;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.barra {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 6px dotted;
}

.barraNaranja {
  border-color: #ED6A00;
}

.barraBlanca {
  border-color: #FFFFFF;
}

.barraAzul {
  border-color: var(--unnamed-color-0091d9);
}

.barraVerde {
  border-color: var(--unnamed-color-3cad4b);
}

.barra.izquierda {
  left: 33px;
}

.barra.derecha {
  right: 33px;
}

.barraHorizontal.abajo {
  bottom: 15px;
  left: 0;
}

.barraHorizontal {
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 6px dotted;
}

.barraHorizontal.barraAzul {
  border-bottom: 6px dotted var(--unnamed-color-0091d9);
}

.formTexto {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-15)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal medium 15px/19px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  border-bottom: 15px;
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.upload {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
  height: 43px;
  padding: 3px 40px 3px 3px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.upload:hover {
  opacity: 0.95;
}

.upload input[type=file] {
  display: input-block;
  width: 100%;
  height: 43px;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
}

.uploadButton {
  background: var(--unnamed-color-3cad4b) 0% 0% no-repeat padding-box;
  background: #3CAD4B 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 3px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  height: 43px;
  width: auto;
  padding: 0 20px;
  box-sizing: content-box;
  right: -1px;
  top: -1px;
  position: absolute;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-15) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-44);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 1.44px;
  color: #FFFFFF;
  opacity: 1;
}

.fileName {
  display: inline-block;
  padding: 10px 15px;
  width: 100%;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-11)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(--unnamed-color-51504f);
  text-align: left;
  font: normal normal 600 11px/14px Montserrat;
  letter-spacing: 1.32px;
  color: #51504F;
  text-transform: uppercase;
  opacity: 1;
}

.upload + .uploadButton {
  height: 38px;
}

form small {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-11)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal 600 11px/14px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 15px;
  display: inline-block;
}
