/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */


/*-----------------------------------------------
|   Theme Styles
-----------------------------------------------*/
:root,
[data-bs-theme=light] {

  --falcon-body-bg: #fff7f8;

  --falcon-body-bg-rgb: 255, 247, 248;

  --falcon-navbar-vertical-default-bg-color: var(--falcon-bg-navbar-glass);

  --falcon-navbar-vertical-default-link-active-color: #eb7076;

  /* --falcon-bg-navbar-glass: rgba(237, 242, 249, 0.96); */
  --falcon-bg-navbar-glass: #fff7f8;

  --falcon-navbar-vertical-default-link-color: #825e5e;

  --falcon-tertiary-bg-rgb: 253, 249, 249;

  --falcon-link-color: #7bb7b4;
  --falcon-link-hover-color: #668f8d;

  --falcon-link-color-rgb: 123, 183, 180;

  /* color: rgb(253, 249, 249); */

  --falcon-primary: #dba6ab;
  --falcon-primary-rgb: 219, 166, 171;

  /* grays */
  --falcon-gray-100: #f9fafd;
  --falcon-gray-100-rgb: 249, 250, 253;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
  background-color: #dba6ab !important;
}

.bg-body {
  background-color: #fff7f8;
}

a.card {
  transition: all 0.2s ease-in-out;
}

a.card:hover {
  transform: translateY(-5px);
}

.pagination .active>.page-link {
  background-color: #668f8d;
  border-color: #668f8d;
}

/* [data-bs-theme=dark]{
    --falcon-primary:  #e63757;
    --falcon-primary-rgb: 230, 55, 87;

  .card{
    --falcon-card-bg: #00d27a;
  }
} */

.copiar-telefono .icono {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.copiar-telefono:hover .icono {
  opacity: 1;
  visibility: visible;
}

.copiar-telefono:active {
  color: #eb7076;
  /* Color mientras se mantiene presionado */
}

#popup-telefono-copiado {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: fixed;
  bottom: 100px;
  left: 50vw;
  transform: translateX(-50%);
  z-index: 999;
}

#popup-telefono-copiado.visible {
  opacity: 1;
  visibility: visible;
}

.choices__list--dropdown {
  z-index: 2;
}

#avatares .input-avatar {
  display: none;
}

#avatares .select-avatar {
  cursor: pointer;
  margin: 0 2px;
}

#avatares .avatar img {
  cursor: pointer;
  background-color: #dba6ab;
}

#avatares .input-avatar:checked+.avatar img {
  border: 2px solid #7bb7b4 !important;
  /* Cambia esto al color que desees */
  background-color: #668f8d;
}