.badge {
  background-color: var(--accent);
  box-shadow: 0px 0px 4px 1px black;
}

.calendario-container {
  background-color: var(--secondary-800);
  border: 1px solid var(--primary-900);
}

.calendario-container--hover,
.calendario-container:hover {
  border: 1px solid var(--accent);
}

.calendario-container:hover > div > span {
  background: linear-gradient(314deg, var(--accent-700) 24%, transparent 42%);
}

.calendario-container > div > span {
  background: linear-gradient(
    314deg,
    var(--secondary-200) 24%,
    transparent 42%
  );
  color: var(--secondary-800);
}

.calendario-container-number {
  background-color: var(--secondary-200);
  color: var(--secondary-800);
}

.gallery > img:first-child {
  filter: brightness(0.2);
}

.gallery--hover > img:first-child,
.gallery:hover > img:first-child {
  filter: brightness(0.2);
}

.gallery:hover > img:not(:last-child) {
  filter: brightness(0.2);
}

.calendario-container--hover > div > span {
  background-image: linear-gradient(
    314deg,
    var(--accent-700) 20%,
    transparent 70%
  );
}

.grecaptcha-badge {
  display: none;
}
.modal-content {
  overflow: auto;
  height: 90vh;
  border-radius: var(--border-radius);
}
.modal--small {
  font-size: 12px;
}
.modal-info > i {
  font-size: 40px;
  margin: 0 !important;
}
.modal__section-info > div > b {
  color: var(--yellow-10) !important;
}
.modal--small > .modal-content > .login-content > .modal-info > h2 {
  font-size: 15px;
  margin: 2px;
}
.modal--small > .modal-content > .login-content > .modal-info > p {
  margin: 0;
}
.modal-login__btn--align {
  display: flex;
  justify-content: end !important;
  width: 100%;
}
.width-100 {
  max-width: unset !important;
  height: 100vh !important;
  border-radius: 0 !important;
}

.position--header {
  background-image: unset !important;
  pointer-events: none;
}
.position--header > .user__div-topbar {
  pointer-events: all;
}
.position--header > .user__div-topbar > div {
  padding: 10px;
  background-color: var(--primary);
  border-radius: var(--border-radius);
}
.modal__input {
  padding: 2px 10px !important;
}
.dropdown > button {
  padding: 2px 10px !important;
}
.gender__dropdown > div {
  padding: 2px 10px !important;
}
.user__div-topbar > div > div > img {
  max-width: 30px;
}
.menu-usuario {
  background-color: #3a3a3499;
  border-radius: var(--border-radius);
  overflow: hidden;
}
a.btnIten:hover {
  background: var(--primary-800) !important;
}