@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

/* Scrollbars personalizados y responsivos */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Touch scrolling suave en iOS y Android */
.smooth-scroll-touch {
  -webkit-overflow-scrolling: touch;
}

/* Animaciones para Drawer Móvil */
.drawer-backdrop-enter {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-out;
}
.drawer-backdrop-enter.active {
  opacity: 1;
  pointer-events: auto;
}

.drawer-slide-enter {
  transform: translateX(-100%);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer-slide-enter.active {
  transform: translateX(0);
}

/* Transición suave para cambio de vistas en móvil (PEXT, PINT, DOC) */
.tab-content-enter {
  animation: tabFadeIn 0.2s ease-out;
}
@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}