/* Fonts */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-VariableFont_wdth\,wght.ttf') format('truetype supports variations'),
  url('../fonts/OpenSans-VariableFont_wdth\,wght.ttf') format('truetype-variations');
  font-weight: 300 800;
  font-style: normal;
}

/* Variables */
:root {
  --text: #212529;
  --page: #f7f7f7;
  /* --acct: #41b6e6; */
  --acct: #0082ff;
  /* --acc2: #005eb8; */
  --acc2: #00257a;
  --acc3: #000;
  --sans: 'Open Sans', sans-serif;
}

.btn {
  border-radius: 0;
  color: #fff;
  background-color: var(--acct);
  border-color: var(--acct);
}
.hero .btn {
  background-color: var(--acct);
  color: #fff;
}
.hero .btn:hover {
  background-color: var(--acc3);
  border-color: var(--acct);
  color: var(--acct);
}
.hero .btn:active {
  background-color: #fff;
  color: var(--acct);
}
.video-title {
  color: var(--acc2);
}
.videos-title {
  color: var(--acc2);
}
.contacto-title {
  color: var(--acc2);
}
.footer {
  background-color: transparent;
  color: var(--text);
}
.footer-legal-item {
  color: var(--text);
  border-right-color: var(--text);
}