/* 
 * Correção para o problema de corte dos cards de planos
 * Este arquivo corrige conflitos de hierarquia CSS que estavam causando
 * o corte do topo e base dos componentes de planos
 */

/* Correção principal: Garantir que a seção de planos tenha overflow visível */
.plans-section {
    overflow: visible !important;
    padding: 60px 0 !important;
    position: relative !important;
}

/* Garantir que o container dos planos não tenha limitações de altura */
.plans-container {
    overflow: visible !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
}

/* Garantir que os cards individuais não sejam cortados */
.plan-card {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Correção específica para o card em destaque */
.plan-featured {
    overflow: visible !important;
    transform: scale(1.05) !important;
    z-index: 15 !important;
}

/* Garantir que elementos pais não limitem a visualização */
.investment-section {
    overflow: visible !important;
}

/* Correção para a hero-section que pode estar afetando elementos subsequentes */
.hero-section {
    overflow: hidden !important;
}

/* Garantir que o container principal não tenha limitações */
.container {
    overflow: visible !important;
}

/* Correções específicas para mobile */
@media (max-width: 768px) {
    .plans-section {
        overflow: visible !important;
        padding: 40px 0 !important;
    }
    
    .plans-container {
        overflow-x: auto !important;
        overflow-y: visible !important;
        min-height: 420px !important;
        padding-bottom: 20px !important;
    }
    
    .plan-card {
        overflow: visible !important;
        min-height: 380px !important;
        margin-bottom: 20px !important;
    }
    
    .plan-featured {
        overflow: visible !important;
        min-height: 400px !important;
        transform: scale(1.0) !important;
    }
}

/* Garantir que modais e overlays não sejam afetados */
.plan-modal {
    overflow: visible !important;
    z-index: 1000 !important;
}

.plan-modal-content {
    overflow-y: auto !important;
    max-height: 80vh !important;
}

/* Correção adicional para garantir que badges e elementos posicionados sejam visíveis */
.plan-badge {
    z-index: 20 !important;
    overflow: visible !important;
}

/* Garantir que botões e elementos interativos não sejam cortados */
.plan-button,
.plan-details-btn {
    overflow: visible !important;
    z-index: 12 !important;
}

/* Correção para elementos com transform que podem ser cortados */
.plan-card:hover {
    overflow: visible !important;
    z-index: 25 !important;
}

/* Garantir que o scroll indicator seja visível */
.plans-scroll-indicator {
    overflow: visible !important;
    z-index: 5 !important;
}

/* Correção final: garantir que nenhum elemento pai tenha overflow hidden */
body,
html,
main {
    overflow-x: auto !important;
}

/* Correção específica para evitar conflitos com outros componentes */
.investment-card {
    overflow: hidden !important; /* Manter para cards de investimento */
}

/* Mas garantir que isso não afete os cards de planos */
.plan-card:not(.investment-card) {
    overflow: visible !important;
}