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



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

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

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

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.align-self-flex-center {
  align-self: flex-center;
}

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

input:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

.so-straffic-1 {
  align-self: center;
  height: 59px;
  margin-left: 1.0px;
  object-fit: cover;
  width: 217px;
}

.n-de-serie-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 12px;
  white-space: nowrap;
}

.confirmar-n-de-serie {
  letter-spacing: 0;
  line-height: normal;
  min-height: 19px;
  width: 197px;
}

.necesitas-ayuda {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 12px;
  min-height: 13px;
  min-width: 102px;
  white-space: nowrap;
}

.datos-personales {
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
  min-width: 120px;
}

.e-mail-2::placeholder {
  color: #75757599;
}

.cabecera_-baliza {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(227, 137, 72) 0%, rgb(218, 91, 3) 100%);
  display: flex;
  gap: 135px;
  height: 52px;
  min-width: 308px;
  padding: 6px 14px;
}

.icon_-baliza-01-1 {
  align-self: center;
  height: 36px;
  object-fit: cover;
  width: 67px;
}

.logo_v16-1 {
  height: 39px;
  object-fit: cover;
  width: 77px;
}

.marca {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-height: 54px;
  width: 139px;
}

.marca-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
}

.modelo {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-height: 54px;
  width: 139px;
}

.modelo-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 5px;
  min-height: 17px;
  min-width: 52px;
}

.flex-start {
  align-items: flex-start;
}

.flex-end {
  align-items: flex-end;
}

.n-de-pliza {
  margin-right: 5px;
  min-width: 83px;
}

.color {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 55px;
  width: 139px;
}

.n {
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-height: 54px;
  width: 139px;
}

.n-de {
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
}

.texto-rellenable {
  align-items: flex-start;
  border-radius: 0px 0px 3px 3px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 51px;
  position: relative;
  width: 279px;
}

.frame-3 {
  background-color: var(--geyser);
  border: 0.5px solid;
  border-color: var(--mercury);
  border-radius: 3px;
  box-shadow: inset 4px 4px 4px #00000040;
  flex-direction: column;
  overflow: hidden;
  padding: 6px 7px;
}

.frame-4 {
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: space-around;
}

.txt-1 {
  flex: 1;
  margin-top: -1.00px;
  position: relative;
}

.txt-2 {
  align-self: stretch;
  margin-top: -1.00px;
  position: relative;
}

.txt-3 {
  flex: 1;
  margin-top: -1.00px;
  position: relative;
}

.frame {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.txt-5 {
  letter-spacing: 0;
  line-height: normal;
}

.password {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 6px;
  min-height: 58px;
  width: 278px;
}

.password-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
  width: 72px;
}

.password-2 {
  background-color: transparent;
  border: 0;
  height: 12px;
  letter-spacing: 0;
  line-height: normal;
  padding: 0;
  white-space: nowrap;
  width: 250px;
}

.password-2::placeholder {
  color: #75757599;
}

.has-olvidado-tu-contrasea {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 12px;
  min-height: 13px;
  min-width: 160px;
  white-space: nowrap;
}

.surname {
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
  min-width: 34px;
}