@charset "UTF-8";
body {
  font-family: "Inter", sans-serif;
}

.hidden {
  display: none;
}

/*SPINNER*/
.loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #444444;
  width: 70px;
  height: 70px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader-background {
  display: none; /* Por defecto está oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo opaco para bloquear la pantalla */
  z-index: 9998; /* Detrás del spinner */
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/*SPINNER*/
.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*OTROS*/
/*Mantener el footer abajo*/
html, body {
  height: 100%;
  margin: 0;
}

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

.main-content {
  flex: 1; /* Esto hace que el contenido principal ocupe el espacio disponible */
  padding-bottom: 3rem; /* Aire al final: evita que el último elemento quede pegado al borde */
}

.footer {
  height: 40px;
  flex: 0 0 auto;
}

/*Quitar subrayado a los links*/
a {
  text-decoration: #0d6efd;
}

/*hover tipo reddit*/
.my-hover {
  border: 1px solid var(--bs-secondary);
  transition: border-color 0.3s ease;
}

.my-hover:hover {
  border-color: var(--bs-light);
}

/*# sourceMappingURL=main.css.map */