/* KOLOREAK */
/* FONT TAMAINAK */
/* MARGINAK */
.bg-colorPrincipal {
  background-color: #6276f9;
}

.bg-colorPrincipal:hover {
  background-color: #6276f9;
}

.bg-colorPrincipal:focus {
  background-color: #6276f9;
}

.text-colorPrincipal {
  color: #6276f9;
}

.text-colorPrincipal:hover {
  color: #6276f9;
}

.text-colorPrincipal:focus {
  color: #6276f9;
}

.hover\:text-colorPrincipal:hover {
  --tw-text-opacity: 1;
  color: #6276f9;
}

.border-colorPrincipal {
  border-color: #6276f9;
}

.border-colorPrincipal:hover {
  border-color: #6276f9;
}

.border-colorPrincipal:focus {
  border-color: #6276f9;
}

.focus\:ring-colorPrincipal:focus {
  --tw-ring-color: $colorPrincipal;
}

.focus\:border-colorPrincipal:focus {
  border-color: #6276f9;
}

/* Oculta la imagen del modo oscuro por defecto */
.dark-logo {
  display: none;
}

/* Muestra la imagen del modo oscuro cuando el esquema de color es oscuro */
@media (prefers-color-scheme: dark) {
  .light-logo {
    display: none;
  }
  .dark-logo {
    display: block;
  }
}
* {
  scrollbar-width: thin;
  scrollbar-color: #c4ccfd rgb(255, 255, 255);
}