/**
 * Estilos para o GlowingEffect
 * Adiciona suporte visual para o efeito de brilho
 */

/* Garantir que os elementos que receberão o efeito tenham position relative */
.all-in-one .feature-item,
.features-grid .feature-item,
.niche-card,
.problem-card,
.solution-card {
    position: relative !important;
    overflow: visible !important;
}

/* Container do efeito */
.glowing-effect-container {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: 1;
    overflow: visible;
}

/* Elemento de brilho */
.glowing-effect-glow {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-attachment: fixed;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

/* Garantir que o conteúdo fique acima do efeito */
.all-in-one .feature-item > *,
.niche-card > *,
.problem-card > *,
.solution-card > * {
    position: relative;
    z-index: 2;
}

/* Ajustes para melhor visualização */
.all-in-one .feature-item {
    border-radius: 20px;
}

.niche-card {
    border-radius: 20px;
    overflow: visible;
}

/* Melhorar a performance */
.glowing-effect-container,
.glowing-effect-glow {
    will-change: opacity, transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Ajustes para mobile */
@media (max-width: 768px) {
    .glowing-effect-container {
        /* Reduzir efeito em mobile para melhor performance */
        opacity: 0.8;
    }
}