/*global.css*/
html {
  scroll-behavior: smooth;
}
/* Entrada lenta desde la derecha SOLO para los botones flotantes */
#floatingButtons{
  opacity: 0;
  transform: translateX(140px);
  animation: floatBtnsIn 4s cubic-bezier(.12,.9,.2,1) forwards; /* <- más lento */
  animation-delay: .35s; /* <- opcional, espera un poquito */
  will-change: transform, opacity;
}

@keyframes floatBtnsIn{
  to{
    opacity: 1;
    transform: translateX(0);
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  #floatingButtons{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

#backToTop{
  backdrop-filter: blur(6px);
}
/* SCROLL Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #e5e7eb; /* gris claro */
}

::-webkit-scrollbar-thumb {
  background: #1f3987; /* azul corporativo */
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #162a66; /* azul más oscuro */
}

/* Firefox */
html{
  scrollbar-width: thin;
  scrollbar-color: #1f3987 #e5e7eb;
}