/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@700&family=Signika:wght@300&display=swap");

:root {
  /*
    --blanco: #F7F7F7;
    --amarillo: #FFE61B;
    --verde: #B5FE83;
    */
  --naranja: #f10f04;
  --amarillo: #ffd32d;
  --azulBajo: #008e89;
  --azulMedio: #0074E0;
  --azulFuerte: #15171E;
  --LibreFranklin: "Libre Franklin", sans-serif;
  --Signika: "Signika", sans-serif;
}

/* Reset */
html{
  scroll-behavior: smooth;
}
body{
  background-color: var(--azulFuerte);
  color: white;
}

.display-2 {
  font-family: var(--LibreFranklin);
  font-size: 2.5rem;
}
.nav-link {
  font-size: 1.2rem;
  color: white;
  font-family: var(--Signika);
}

.nav-link:hover {
  color: var(--azulMedio);
}

.btn {
  border-radius: 180px;
  font-family: var(--Signika);
  font-size: 1.2rem;
}

.btn-primary,
.btn-info {
  background-color: var(--azulBajo);
  color: white;
  border-color: var(--azulBajo);
}

.btn-primary:hover,
.btn-info:hover {
  background-color: var(--azulMedio);
  color: white;
  border-color: var(--azulMedio);
}

.Home {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../assets/fondoDash.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /*background: url("../assets/banner-bg.svg");
    background-repeat-y: no-repeat;
    background-position: 0 -50px;
    */
  color: white;
  height: 450px;
}

.wrapper {
  margin: 10vh;
}

.card {
  background-color: #15171E;
  border: none;
  overflow: hidden;
  border-radius: 20px;
  font-family: var(--Signika);
}
.card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: linear-gradient(
    0deg,
    rgb(0, 0, 0,0.379) 0%,
    hsl(227, 18%, 10%,1) 100%
  );
}
.card-img-overlay:hover{
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    background: linear-gradient(0deg, hsl(227, 18%, 10%,0.5) 0%, hwb(227 8% 88%) 100%);
}
.thead-dark{
    background-color: #343a40;
}

tbody{
    background-color: #15171E;
    color: white;
}

@media (max-width: 577px) {
	.img-cabecera-sm {
		max-width: 100%;
	}
}