@keyframes glow {
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

.animate-glow {
  animation: glow 1s ease-in-out forwards;
}

.font-pacifico {
  font-family: 'Pacifico', cursive;
}

/*legado*/

.scroll-fade {
  transition: opacity 0.6s ease-in-out;
}


/*Flecha Chevron*/
  #chevron-up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: rgba(255, 64, 129, 0.1);
    padding: 0.6rem;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 64, 129, 0.3);
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 1000;
  }

  #chevron-up:hover {
    background-color: rgba(255, 64, 129, 0.3);
    transform: scale(1.1);
  }

  #chevron-up svg {
    display: block;
  }


@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.btn-apoyo {
  animation: fadeIn 1s ease-out forwards;
}