@font-face {
  font-family: 'Guardian Sans';
  src: url('/fonts/GuardianSansRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Guardian Sans';
  src: url('/fonts/GuardianSansSemibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.dni-wrapper {
  max-width: 420px;
  width: 100%;
}

.bg-azul {
    background-color: #005f86;
}

.banner {
  max-width: 100%;
  height: auto;
}

.formulario {
  background-color: #d3ebf2;
  border-radius: 25px;
}

.footer-logos {
  max-width: 200px;
}

.titulo-principal {
  font-family: 'Guardian Sans', sans-serif;
  font-weight: 600;
  font-size: 45px;
}

.bna-azul {
  color: #005F86 !important;
}