/* Animações para PWA */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, 20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(201, 169, 89, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(201, 169, 89, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(201, 169, 89, 0);
  }
}

/* Estilos para modo standalone */
@media (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
  
  .header {
    padding-top: env(safe-area-inset-top);
    height: calc(70px + env(safe-area-inset-top));
  }
  
  #pwa-install-banner,
  #pwa-header-install {
    display: none !important;
  }
}

/* Safe areas para iPhone X+ */
@supports (padding: max(0px)) {
  body {
    padding-left: min(0vmin, env(safe-area-inset-left));
    padding-right: min(0vmin, env(safe-area-inset-right));
  }
}