/* ==========================================================
   NUBO_DASHBOARD_GREETING_V2_START
   ========================================================== */

.finvia-v2
> .nubo-dashboard-greeting {
  position: relative;

  grid-column: 1 / -1 !important;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  width: 100%;
  min-width: 0;

  margin:
    0
    0
    19px;

  padding:
    1px
    2px;

  animation:
    nubo-dashboard-greeting-v2-enter
    360ms
    cubic-bezier(0.2, 0.8, 0.2, 1)
    both;
}


/* Contenido */

.nubo-dashboard-greeting__copy {
  min-width: 0;
}

.nubo-dashboard-greeting__title {
  display: flex;
  align-items: center;

  gap: 11px;

  min-width: 0;
}

.nubo-dashboard-greeting h1 {
  min-width: 0;

  margin: 0;

  color: #17243d;

  font-size:
    clamp(
      25px,
      2.45vw,
      32px
    );

  font-weight: 850;

  letter-spacing:
    -0.035em;

  line-height: 1.12;

  overflow-wrap: anywhere;
}

.nubo-dashboard-greeting p {
  margin:
    6px
    0
    0;

  color: #748197;

  font-size: 13px;

  font-weight: 520;

  line-height: 1.45;
}


/* Icono SVG */

.nubo-dashboard-greeting__hand {
  position: relative;

  display: grid;
  place-items: center;

  flex:
    0
    0
    38px;

  width: 38px;
  height: 38px;

  border:
    1px solid
    rgba(40, 180, 124, 0.18);

  border-radius: 14px;

  color: #13a66d;

  background:
    linear-gradient(
      145deg,
      #edfbf5,
      #def7eb
    );

  box-shadow:
    0 7px 18px
    rgba(30, 167, 111, 0.09);

  transform-origin:
    68%
    82%;

  animation:
    nubo-dashboard-hand-v2-wave
    760ms
    240ms
    cubic-bezier(0.34, 1.3, 0.64, 1)
    both;
}

.nubo-dashboard-greeting__hand::after {
  content: "";

  position: absolute;

  width: 5px;
  height: 5px;

  top: 5px;
  right: 5px;

  border:
    1.5px solid #ffffff;

  border-radius: 50%;

  background: #35c68a;

  box-shadow:
    0 2px 6px
    rgba(26, 164, 109, 0.19);
}

.nubo-dashboard-greeting__hand svg {
  display: block;

  width: 21px;
  height: 21px;
}


/* Modo oscuro */

html[data-theme="dark"]
.nubo-dashboard-greeting h1 {
  color: #f0f5fb;
}

html[data-theme="dark"]
.nubo-dashboard-greeting p {
  color: #a7b3c2;
}

html[data-theme="dark"]
.nubo-dashboard-greeting__hand {
  border-color:
    rgba(74, 214, 160, 0.18);

  color: #69dfb1;

  background:
    linear-gradient(
      145deg,
      rgba(31, 94, 70, 0.55),
      rgba(22, 65, 53, 0.50)
    );

  box-shadow:
    0 7px 18px
    rgba(0, 0, 0, 0.16);
}


/* Tablet y móvil */

@media (max-width: 700px) {
  .finvia-v2
  > .nubo-dashboard-greeting {
    margin-bottom: 16px;

    padding:
      0
      1px;
  }

  .nubo-dashboard-greeting__title {
    align-items: center;

    gap: 9px;
  }

  .nubo-dashboard-greeting h1 {
    font-size:
      clamp(
        22px,
        7vw,
        27px
      );
  }

  .nubo-dashboard-greeting p {
    margin-top: 5px;

    font-size: 12.5px;
  }

  .nubo-dashboard-greeting__hand {
    flex-basis: 35px;

    width: 35px;
    height: 35px;

    border-radius: 13px;
  }

  .nubo-dashboard-greeting__hand svg {
    width: 19px;
    height: 19px;
  }
}


/* Nombres largos */

@media (max-width: 390px) {
  .nubo-dashboard-greeting__title {
    align-items: flex-start;
  }

  .nubo-dashboard-greeting h1 {
    font-size: 22px;
  }

  .nubo-dashboard-greeting__hand {
    margin-top: -2px;
  }
}


/* Movimiento reducido */

@media (prefers-reduced-motion: reduce) {
  .nubo-dashboard-greeting,
  .nubo-dashboard-greeting__hand {
    animation: none !important;
  }
}


/* Animaciones */

@keyframes nubo-dashboard-greeting-v2-enter {
  from {
    opacity: 0;

    transform:
      translateY(7px);
  }

  to {
    opacity: 1;

    transform:
      translateY(0);
  }
}

@keyframes nubo-dashboard-hand-v2-wave {
  0% {
    opacity: 0;

    transform:
      translateY(2px)
      rotate(0deg)
      scale(0.95);
  }

  24% {
    opacity: 1;

    transform:
      translateY(0)
      rotate(11deg)
      scale(1);
  }

  47% {
    transform:
      rotate(-7deg);
  }

  69% {
    transform:
      rotate(6deg);
  }

  100% {
    opacity: 1;

    transform:
      rotate(0deg)
      scale(1);
  }
}

/* NUBO_DASHBOARD_GREETING_V2_END */


/* ==========================================================
   NUBO_DASHBOARD_GREETING_SPACING_V1_START
   Separa suavemente el saludo de la barra superior.
   ========================================================== */

@media (min-width: 701px) {
  .finvia-v2
  > .nubo-dashboard-greeting {
    padding-top: 15px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 700px) {
  .finvia-v2
  > .nubo-dashboard-greeting {
    padding-top: 10px !important;
    margin-bottom: 17px !important;
  }
}

/* NUBO_DASHBOARD_GREETING_SPACING_V1_END */