/* 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 {
  @apply bg-gray-300 dark:bg-gray-700 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-gray-400 dark:bg-gray-600;
}

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