:root {
  --primario: #005A24;
  --secundario: #535C5B;
  --terciario: #CED4DA;
  --verde-heineken: #007F2C;
  --rojo-heineken: #E3000F;
  --navsize: 42px;
}
body > .container {
  display: flex;
  min-height: 100vh;
  padding-bottom: var(--navsize);
}

h1,h2,h3,h4,h5 {
  font-family: "Heineken Bold", sans-serif;
}

li {
  font-family: "Heineken Core", sans-serif;
}

.form-control {
  color:var(--secundario);
  text-align: center;
}
.form-control:focus {
  border-color: var(--primario);
  box-shadow: none;
}
.form-control:focus::placeholder {
  color: transparent;
}

.btn-cliente, .btn-empleado, .btn-buscar {
  border-radius: 4em;
}

.btn-buscar {
  color: var(--primario);
  border-color: var(--terciario);
}
.btn-buscar:hover {
  color: white !important;
  background-color: var(--primario) !important;
}

.btn-cliente {
  color: var(--verde-heineken);
  border-color: var(--verde-heineken);
}
.btn-cliente:hover {
  color: white !important;
  background-color: var(--verde-heineken) !important;
}

.btn-empleado {
  color: var(--rojo-heineken);
  border-color: var(--rojo-heineken);
}
.btn-empleado:hover {
  color: white !important;
  background-color: var(--rojo-heineken) !important;
}

.logo-hta {
  height: calc(var(--navsize) / 2);
  background-color: white;
  padding: calc(var(--navsize) * 0.05);
  border-radius: calc(var(--navsize) * 0.2);
}

.navbar {
  height: var(--navsize);
  background-color: var(--primario);
}

.logo-contained > * {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.logo-contained > .bars {
  width: 6%;
}

@font-face{
    font-family:"Heineken Core";
    src:url(heinekencore-webfont.ttf) format("truetype");
}

@font-face{
    font-family:"Heineken Bold";
    src:url(heinekencore-bold-webfont.ttf) format("truetype");
}

.form-check:nth-child(even) {
  background-color: white !important;
}