/* Efeito de Borda Brilhante Intenso (Border Beam) */
.glowing-card {
    position: relative;
    overflow: hidden !important;
    /* Essencial para o efeito não transbordar */
}

.glowing-card::after {
    content: "";
    position: absolute;
    inset: -2px;
    /* Ligeiramente para fora para cobrir a borda original */
    border-radius: inherit;
    padding: 3.5px;
    /* Mais grosso para ser mais notável */
    background: conic-gradient(from var(--border-angle, 0deg),
            transparent 0deg,
            #06b6d4 15deg,
            /* Ciano vibrante */
            #3b82f6 30deg,
            /* Azul */
            #c026d3 45deg,
            /* Fúcsia para intensidade */
            #8b5cf6 60deg,
            /* Roxo */
            transparent 80deg);
    /* Máscara para mostrar apenas a borda */
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;

    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    z-index: 10;

    /* Brilho exterior (Outer Glow) */
    filter: drop-shadow(0 0 8px rgba(6, 182, 212, 0.6));
}

.glowing-card:hover::after {
    opacity: 1;
}

/* Garante que o conteúdo interno fique por cima */
.glowing-card>* {
    position: relative;
    z-index: 1;
}