@import "tailwindcss";
@import "@nuxt/ui";

/* Safe area para PWA en iOS */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Padding inferior para contenido con navegación mobile */
.pb-mobile-nav {
  padding-bottom: calc(4rem + env(safe-area-inset-bottom));
}

/* Scrollbar personalizado */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgb(209 213 219); /* gray-300 */
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(156 163 175); /* gray-400 */
}

.dark ::-webkit-scrollbar-thumb {
  background: rgb(55 65 81); /* gray-700 */
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: rgb(75 85 99); /* gray-600 */
}

/* Reset básico */
html, body, #__nuxt {
  height: 100%;
  margin: 0;
  padding: 0;
}