/* Single Elements */

/* Icons */

iconify-icon {
  vertical-align: middle;
}

/* Links */

a {
  color: var(--Primary) !important;
  transition: all 0.3s ease-in-out !important;
}

a:hover {
  color: var(--Secondary) !important;
}

a:active,
a:focus {
  color: var(--Secondary-600) !important;
}

/* In Navbar */

nav a.navbar-brand,
nav a.nav-link {
  color: var(--bs-dark) !important;
}

nav a.navbar-brand:hover,
nav a.nav-link:hover {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  nav a.navbar-brand:hover,
  nav a.nav-link:hover {
    transform: none;
  }
}

/* In Footer */

footer a.footer-item-link:hover {
  color: var(--Gray-700) !important;
}

footer a.footer-item-link-icon:hover {
  transform: scale(1.2);
}

/* Images */

img.black-border {
  border: 1px solid var(--Dark);
}

/* BS 5.3 Modals */

#infoModal .modal-header {
  border-top: 10px solid var(--Info);
}

#successModal .modal-header {
  border-top: 10px solid var(--Success);
}

#warningModal .modal-header {
  border-top: 10px solid var(--Warning);
}

#errorModal .modal-header {
  border-top: 10px solid var(--Secondary);
}

/* BS 5.3 Dropdowns */

.dropdown-menu {
  min-width: max-content !important;
  border: 2px solid var(--Gray-300);
}

/* BS 5.3 Horizontal Line */

hr {
  border-top: 1px solid #c2c4c5 !important;
  border-style: solid !important;
  border-radius: 5px !important;
}

/* BS 5.3 Cards */

.card {
  /* border: 1px solid var(--Secondary) !important; */
  border-radius: 0.625rem !important;
  border-top: 10px solid var(--Secondary) !important;
}

.card .img-overlay-container {
  position: relative;
  display: inline-block;
}

.card .img-overlay-container img {
  object-fit: cover;
  border-bottom-left-radius: 0.625rem;
}

.card .img-overlay-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    270deg,
    var(--Light) 0%,
    rgba(255, 255, 255, 0) 25%
  );
}

/* Radio buttons personalizados */

.form-check-input {
  display: none;
}

.custom-radio {
  display: inline-block;
  border: 3px solid;
  border-radius: 8px;
  padding: 15px 25px;
  text-align: center;
  cursor: pointer;
  width: auto;
  background-color: transparent;
  color: inherit;
  box-sizing: border-box;
  margin: 5px;
}
.custom-radio .icon {
  display: block;
  margin-bottom: 5px;
}

.custom-radio.selected {
  color: var(--Light) !important;
}

/* Nunca */
.custom-radio.option-0 {
  color: var(--Question0);
  border-color: var(--Question0);
}
.custom-radio.option-0.selected {
  background-color: var(--Question0);
}

/* Rara vez */

.custom-radio.option-1 {
  color: var(--Question1);
  border-color: var(--Question1);
}
.custom-radio.option-1.selected {
  background-color: var(--Question1);
}

/* A veces */

.custom-radio.option-2 {
  color: var(--Question2);
  border-color: var(--Question2);
}
.custom-radio.option-2.selected {
  background-color: var(--Question2);
}

/* Frecuentemente */

.custom-radio.option-3 {
  color: var(--Question3);
  border-color: var(--Question3);
}
.custom-radio.option-3.selected {
  background-color: var(--Question3);
}

/* Siempre */

.custom-radio.option-4 {
  color: var(--Question4);
  border-color: var(--Question4);
}
.custom-radio.option-4.selected {
  background-color: var(--Question4);
}

/* BS 5.3 Tabs */

.nav-tabs {
  border-color: var(--Gray-700) !important;
}

.nav-tabs .nav-link {
  color: var(--Dark) !important;
  border-radius: 0.625rem 0.625rem 0 0 !important;
}

.nav-tabs .nav-link.active {
  color: var(--Light) !important;
  font-weight: bold;
  background-color: var(--Secondary) !important;
}

.nav-tabs .nav-link:hover:not(.active) {
  background-color: var(--Gray-200) !important;
  font-weight: bold;
}