/* Correções específicas para chatbot.php */

/* Garantir que o título da seção planos fique na frente dos cards */
.planos h2 {
    position: relative;
    z-index: 10;
    margin-bottom: 3rem;
    background: white;
    padding: 1rem 0;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
}

/* Garantir que os cards tenham z-index menor */
.planos-grid {
    position: relative;
    z-index: 1;
}

.plano {
    position: relative;
    z-index: 1;
}

/* Garantir que o badge do plano destaque não sobreponha o título */
.plano-badge {
    z-index: 5;
}

/* Espaçamento adicional para evitar sobreposição */
.planos .container {
    position: relative;
}

.planos .container > h2 {
    margin-bottom: 4rem;
}