.card-title {
  font-weight: bold;
  font-size: x-large;
}

.autor-articulo {
  font-style: italic;
}

.texto-articulo {
  font-size: larger;
}

.div-notas {
  border-top: gray;
  border-top-style: double;
}

.nota {
  color: white;
  text-decoration: none;
}

.list-group-item {
  border: none
}

.dropdown-menu {
  animation: 1s slideup;
}

.custom-tooltip {
  --bs-tooltip-bg: white;
  --bs-tooltip-color: black;  
    border-radius: 7px !important;
  box-shadow: 2px 2px 4px 0px rgba(161, 161, 161, 1);  
}


@keyframes slideup {
  from {
    transform: translateY(-10%);
  }

  to {
    transform: translateY(0);
  }
}

.btn-arriba {
  opacity: 0;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  padding: 15px;
  border-radius: 10px;
  transition: opacity 0.4s linear;  
}


.navbar-animacion {
  animation-duration: 1s;
  animation-name: navbar-slide-in;
}

.tarjeta-animacion {
  animation-duration: 1.5s;
  animation-name: slide-in;
}

.tarjeta {
  transition: 1s;
}

.tarjeta:hover {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.hover-underline {
  font-size: 100px;
  color: black;
  position: relative;
  display: inline-block;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #a9a8a8, #202020);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}


@keyframes slide-in {
  from {
    transform: translateY(-5%);
  }

  to {
    transform: translateY(0%);
  }
}

@keyframes navbar-slide-in {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0%);
  }
}