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

/* Configuração Geral */
html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    color: #1c1917;
    background: linear-gradient(135deg, #fff8f0 0%, #fff3e6 50%, #faf5f0 100%);
    background-attachment: fixed;
    overflow-x: hidden;
}

/* Partículas de Fundo - Camada Zero (Nunca interceptam cliques) */
#particles-js,
#particles-js canvas,
.particles-js-canvas-el {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Header e Menu Superior (Sempre no topo absoluto) */
#header-container {
    position: relative;
    z-index: 9999;
}

/* Conteúdo da Página */
#hero, main, #footer-container {
    position: relative;
    z-index: 10;
}

/* Efeitos Glassmorphism */
.glass-card {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 140, 0, 0.15);
}

.glass-nav {
    background: rgba(255, 248, 240, 0.95) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.logo-shadow {
    filter: drop-shadow(0 4px 12px rgba(255, 140, 0, 0.25));
}

/* Animação do WhatsApp (Utilizada no footer.html) */
@keyframes pulse-whatsapp {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.animate-pulse-whatsapp {
    animation: pulse-whatsapp 2s infinite;
}