/* Fix para o efeito de brilho cortado nos Steps Container */

/* Garantir overflow visível para toda a hierarquia do Steps */
.steps-container,
.steps-container > *,
.steps-container .group,
.steps-container .relative {
    overflow: visible !important;
}

/* Ajustar o container da seção */
section[class*="py-20"] {
    overflow: visible !important;
}

/* Garantir que os containers pais não cortem o efeito */
.container.mx-auto {
    overflow: visible !important;
}

/* Ajustar o efeito de blur para não ser cortado */
.group:hover .absolute.inset-5 {
    transform: scale(1.3) !important;
    filter: blur(12px) !important;
}

/* Backup: aplicar padding extra nos containers step para dar espaço ao glow */
.text-center.group {
    padding: 30px 20px !important;
}

/* Z-index fix para garantir camadas corretas */
.step-circle {
    z-index: 10;
    position: relative;
}

.glow-effect {
    z-index: -1;
    position: absolute;
}

/* Fix para Key Metrics Grid */

/* Garantir overflow visível para os cards de métricas */
.metrics-card,
.metrics-card > *,
.metrics-card .group,
.metrics-card .relative {
    overflow: visible !important;
}

/* Seção de casos de sucesso */
#case-study {
    overflow: visible !important;
}

#case-study .container {
    overflow: visible !important;
}

#case-study .grid {
    overflow: visible !important;
}

/* Cards de métricas - padding extra para dar espaço aos glows */
.metrics-card {
    margin: 10px;
}

/* Glow effects para métricas */
.metrics-card .group:hover .absolute {
    opacity: 1 !important;
    transform: scale(1.4) !important;
    filter: blur(10px) !important;
}

/* Hover effects para métricas */
.metrics-card:hover {
    transform: scale(1.05) !important;
    z-index: 10;
}

/* Ajustar o container grid principal */
.max-w-5xl.mx-auto {
    overflow: visible !important;
    padding: 20px !important;
}