/* Aether PWA - Estilos custom */

/* Inter font (peso variable) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

* {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'cv11', 'ss01', 'ss03';
}

/* Mejor scroll en mobile */
html {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: none;
}

/* Inputs en iOS no hacen zoom si font-size >= 16px */
input, select, textarea {
  font-size: 16px;
}

/* Animaciones suaves para botones */
button {
  transition: all 0.15s ease;
}

button:active {
  transform: scale(0.97);
}

/* Spinner */
@keyframes spin {
  to { transform: rotate(360deg); }
}

.animate-spin {
  animation: spin 0.8s linear infinite;
}

/* Safe areas para iPhone con notch */
header {
  padding-top: max(0.75rem, env(safe-area-inset-top));
}

#bottom-nav {
  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
}

/* Toast animation */
#toast {
  animation: slideDown 0.2s ease-out;
}

@keyframes slideDown {
  from { transform: translate(-50%, -10px); opacity: 0; }
  to { transform: translate(-50%, 0); opacity: 1; }
}

/* Nav button activo */
.nav-btn.active {
  color: #e4732a !important;
}

/* Ocultar scroll horizontal */
body {
  overflow-x: hidden;
}

/* Mejorar el rendering de las cards en gradient */
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}