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

/* Trava geral para PWA / Mobile */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #070202;
  font-family: 'Inter', sans-serif;
  -webkit-tap-highlight-color: transparent;
}

body {
  display: flex;
  justify-content: center;
  background: radial-gradient(circle, rgba(15, 2, 2, 0.88) 0%, rgba(5, 1, 1, 0.98) 100%), url('../img/templo.jpg') center/cover no-repeat fixed;
}

/* Container formato Celular / PWA */
.app-container {
  width: 100%;
  height: 100%;
  max-width: 448px;
  position: relative;
  background-color: #1a0505;
  background-image: 
    linear-gradient(180deg, rgba(26, 5, 5, 0.72) 0%, rgba(20, 3, 3, 0.60) 25%, rgba(10, 1, 1, 0.90) 85%, rgba(7, 1, 1, 0.96) 100%),
    url('../img/templo.jpg');
  background-position: center 15%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
}

/* Estilo Glassmorphism Pro */
.glass-card-pro {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 10px 25px -8px rgba(0, 0, 0, 0.4), 0 0 10px rgba(255, 255, 255, 0.25) inset;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.glass-card-pro:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -6px rgba(0, 0, 0, 0.45);
}

.glass-card-pro:active {
  transform: scale(0.96);
}

/* Glass Card suave para páginas internas */
.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Máscara de transição no topo da rolagem */
.mask-container {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 22vh, black 26vh, black 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, transparent 22vh, black 26vh, black 100%);
}

/* Ocultar barra de rolagem mantendo fluidez */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Suporte a notch do iPhone em modo standalone */
@media (display-mode: standalone) {
  .app-container {
    padding-top: env(safe-area-inset-top);
  }
}