/* public/css/effects.css */

/* O Container que aplica a mágica do líquido */
#liquid-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1; /* Fica no fundo */
    filter: url("#goo"); /* <--- AQUI ESTÁ O SEGREDO */
    opacity: 0.8;
}

/* O visual de cada "gota" */
.liquid-dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(249, 115, 22, 1); /* Cor Laranja Sólida */

    /* Um brilho para parecer energia/luz */
    box-shadow: 0 0 30px rgba(249, 115, 22, 0.6);

    transform: translate(-50%, -50%); /* Centraliza */
}

/* Mantém o ruído de fundo */
#noise-overlay {
    position: fixed;
    inset: 0;
    z-index: 0;
    opacity: 0.05;
    pointer-events: none;
    background-image: url("https://grainy-gradients.vercel.app/noise.svg");
}

/* Garante que o texto fique na frente */
nav, header, main, footer, section {
    position: relative;
    z-index: 10;
}