/* * Arquivo de Estilo do Plugin Expopinda - Em Breve * VERSÃO 2.0: "A Rede do Agro" (Plexus) */ /* * O OVERLAY. Esta é a nova base do plugin. * É injetado pelo JS no para FORÇAR o fullscreen. */ #expopinda-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; /* Acima de absolutamente tudo */ font-family: 'Inter', sans-serif; color: white; /* Fundo escuro que representa inovação */ background-color: #0c0f1a; /* Um azul/preto bem escuro */ /* Centralização do card */ display: flex; align-items: center; justify-content: center; padding: 1.5rem; /* Animação de fade-in para o overlay todo */ opacity: 0; transition: opacity 1.0s ease-in; } #expopinda-overlay.loaded { opacity: 1; } /* * O CANVAS DA ANIMAÇÃO (partículas) * Fica no fundo, atrás do card. */ #expopinda-plexus-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.3; /* Deixa a animação sutil */ } /* * O CARD DE CONTEÚDO * Fica na frente do canvas. */ .coming-soon-card { position: relative; z-index: 2; /* Na frente do canvas */ width: 100%; max-width: 42rem; text-align: center; /* O card de "vidro" - ALTERADO PARA TRANSPARENTE */ background-color: transparent; /* Remove o fundo */ backdrop-filter: none; /* Remove o blur */ -webkit-backdrop-filter: none; /* Remove o blur (Safari) */ border-radius: 1rem; padding: 2rem; box-shadow: none; /* Remove a sombra */ /* Animação de entrada do card (separada do overlay) */ opacity: 0; transform: translateY(20px); transition: opacity 1.2s ease-out 0.5s, transform 1.2s ease-out 0.5s; /* O '0.5s' é um delay para o card aparecer DEPOIS do fundo */ } .coming-soon-card.visible { opacity: 1; transform: translateY(0); } /* O LOGO */ .expopinda-logo { width: 100%; max-width: 160px; /* Ajuste conforme seu logo */ height: auto; margin: 0 auto 1.5rem auto; } /* * ANIMAÇÃO DE TEXTO (CASCATA) * Itens de texto que aparecem um após o outro. */ .reveal-item { opacity: 0; transform: translateY(15px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .reveal-item.visible { opacity: 1; transform: translateY(0); }