@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Barlow:500,400");

@font-face {
  font-family: "Realistic Twilight Personal Use-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/real.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Neue-Medium";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/HelveticaNeueMed.ttf") format("truetype");
}

/*
@font-face {
  font-family: "Helvetica Neue-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/5796578[1].svg");
}
*/
@font-face {
  font-family: "Helvetica Neue-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/HelveticaNeue Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Neue-BoldItalic";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/Helvetica 76 Bold Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Neue-Light";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/HelveticaNeue-Light.otf") format("opentype");
}


.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-contacto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 500px;
}



.container-center-horizontal>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.flechas {
  height: 24px;
  position: relative;
  width: 24px;
}

.union {
  height: 14px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 14px;
}

.saber-ms {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.saber-ms-1 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.hola-laura {
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.group-1246 {
  height: 48px;
  position: relative;
  width: 48px;
}

.frame-811356 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 0px 8px;
  position: relative;
  width: 100%;
}

.todava-no-es-miembro-regstrese-aqu {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
}

.usuario {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.campos-login {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 100%;
}

.ha-olvidado-la-contrasea {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  text-align: right;
  text-decoration: underline;
  text-overflow: ellipsis;
}

.footer_movil {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 70px;
  position: relative;
  width: 100%;
}

.frame-811356-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 0px 8px;
  position: relative;
  width: 100%;
}

.todava-no-es-miembro-regstrese-aqu-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
}

.usuario-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.campos-login-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 100%;
}

.ha-olvidado-la-contrasea-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  text-align: right;
  text-decoration: underline;
  text-overflow: ellipsis;
}

.btn_contacto {
  margin-left: 10px;
  cursor: pointer;
}

.btn_dashboard {
  margin-left: 10px;
  margin-right: 10px;
}

.btns-legales {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  ;
  position: relative;
  top: 10px;
  text-align: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.flex-row-2 {
  align-items: center;
  display: flex;
  margin-top: 40px;
  min-width: 368px;
}

.users-1 {
  height: 44px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 44px;
}

.ellipse-51-1 {
  border: 2px solid;
  border-color: var(--principalesgynelaude);
  border-radius: 24px;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 48px;
}

.frame-811451-1 {
  align-items: center;
  align-self: flex-start;
  display: inline-flex;
  gap: 8px;
  margin-left: 11px;
  margin-top: 27px;
  position: relative;
}

.flechas-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.anterior-1 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-811412 {
  flex: 0 0 auto;
  position: relative;
}

.frame-811439 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.datos {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 100%;
}

.frame-811414 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.nombre {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.frame-811415 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.apellidos {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.fernndez-saiz {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.fecha-de-nacimiento {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.calendario {
  height: 24px;
  margin-right: -2.00px;
  position: relative;
  width: 24px;
}

.gnero {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.frame-811733 {
  align-items: flex-start;
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  gap: 35px;
  padding: 0px 10px;
  position: relative;
  width: 100%;
}

.frame-81171 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 44px;
  position: relative;
}

.radio_button-1 {
  background-color: var(--principalesblanco);
  border: 1px solid;
  border-color: var(--grises01);
  border-radius: 8px;
  height: 16px;
  position: relative;
  width: 16px;
}

.masculino {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-811438 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.pais {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.frame-811414-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.e-mail {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.frame-811418 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.nombre-del-distribuidor {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.frame-811441 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.visible {
  height: 24px;
  margin-right: -2.00px;
  position: relative;
  width: 24px;
}

.frame-811440 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.confirmar-contrasea {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.ksjun45-os {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 293px;
}

.visible-1 {
  height: 24px;
  margin-right: -2.00px;
  position: relative;
  width: 24px;
}

.frame-811412-1 {
  flex: 0 0 auto;
  position: relative;
}

.datos-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 100%;
}

.frame-811745 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 28px;
  position: relative;
  width: 100%;
}

.frame-81169 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.presentacin {
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-811735 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.texto {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--grises05);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 22px 24px 0px;
  position: relative;
  width: 100%;
}

.mucha-suerte {
  color: var(--principalesfucsia);
  font-family: var(--font-family-realistic_twilight_personal_use-regular);
  font-size: 45px;
  font-weight: 400;
  height: 62px;
  letter-spacing: 0;
  line-height: 45px;
  position: relative;
  width: 301px;
}

.frame-811744 {
  align-items: flex-end;
  align-self: stretch;
  background-color: var(--fondos01);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  padding: 42px 11px;
  position: relative;
  width: 100%;
  align-items: center;
}

.mdulos-formativos {
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-811738 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  justify-content: center;
  position: relative;
}

.doctor-sonriente-tir {
  height: 190px;
  position: relative;
  width: 332px;
}

.frame-811699 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.frame-811506 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  width: 100%;
}

.frame-811701 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  padding: 3px 0px 0px;
  position: relative;
}

.frame-1225 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--fondos01);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 4px;
  position: relative;
  width: 100%;
}

.visita-mdica-consultiva {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-811698-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 189px;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.candado {
  height: 24px;
  position: relative;
  width: 24px;
}

.x100 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mdulo-1-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.completado {
  height: 129px;
  left: 235px;
  position: absolute;
  top: 0;
  width: 132px;
}

.chevron-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.numero_modulo-1 {
  align-items: flex-end;
  background-color: var(--grises01);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 4px 12px;
  position: relative;
}

.radio_buttom {
  height: 24px;
  position: relative;
  width: 24px;
}

.frame-363 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.frame-811781 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.chevron {
  height: 24px;
  position: relative;
  width: 24px;
}

.chevron-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.principales {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1px;
  position: relative;

}


.light {
  align-self: stretch;
  background-color: var(--principalesblanco);
  height: 4px;
  position: relative;
  width: 100%;
}

.menuactivo {

  background-color: var(--principalesgynelaude);
}

.destacado {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  box-shadow: -1px 8px 5px 0px rgba(227, 227, 227, 0.75);
  -webkit-box-shadow: -1px 8px 5px 0px rgba(227, 227, 227, 0.75);
  -moz-box-shadow: -1px 8px 5px 0px rgba(227, 227, 227, 0.75);
}

.mdulos-formativos-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 20px;
  position: relative;
  width: fit-content;
  display: inline-block;
}

.input-text-5 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.file-text {
  height: 24px;
  position: relative;
  width: 24px;
}

.star {
  height: 24px;
  position: relative;
  width: 24px;
}

.diploma {
  height: 24px;
  position: relative;
  width: 24px;
}

.book-open {
  height: 24px;
  position: relative;
  width: 24px;
}

.monitor {
  height: 24px;
  position: relative;
  width: 24px;
}

.exclamacion {
  height: 24px;
  position: relative;
  width: 24px;
}

.mdulo-2-visita-mdica-consultiva {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.siguiente {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tema-1-planificacin-de-la-visita {
  align-self: stretch;
  color: var(--principalesgynelaude);
  font-family: var(--font-family-helvetica_neue-bold);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -12.00px;
  position: relative;
}

.flechas-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.frame-811807 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.mdulo-2-visita-mdica-consultiva-1 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-811723 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 74px;
  position: relative;
  width: 100%;
}

.frame-811716-1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.saber-ms-4 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.saber-ms-3 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mi-progreso {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mdulo {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  width: 280px;
}

.group-1193-1 {
  height: 30px;
  margin-right: -2.00px;
  position: relative;
  width: 282px;
}

.ellipse-16-1 {
  background-color: var(--principalesblanco);
  border-radius: 4px;
  height: 8px;
  left: 86px;
  position: absolute;
  top: 0;
  width: 8px;
}

.percent-1 {
  left: 76px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.diploma-1 {
  height: 24px;
  position: relative;
  width: 24px;
}