.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.hero-gradient {
    background: linear-gradient(135deg, #042538 0%, #023850 100%);
}

/* 
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
} */

.plano {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Destaca o plano do meio (Completo) */
.plano-completo {
    transform: scale(1.08);
    z-index: 1;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Aumenta mais ainda no hover */
.plano-completo:hover {
    transform: scale(1.15);
}

/* Mantém os demais com o hover padrão */
.plano-basico:hover,
.plano-premium:hover {
    transform: scale(1.05);
}


.btn-primary {
    background-color: #C85401;
    transition: all 0.3s;
}

.btn-primary:hover {
    background-color: #b04a01;
    transform: translateY(-2px);
}

.feature-icon {
    color: #C85401;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}



.feature-card {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.5s ease;
}

.feature-card.aparecer {
    transform: scale(1) !important;
    opacity: 1 !important;
}



.faq-content p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

.faq-inner {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
    padding-bottom: 1rem !important;
    /* 👈 garante espaço no final */
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}


.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.faq-animar {
    opacity: 0;
    transform: translateY(1rem);
    transition: all 0.5s ease;
}

.faq-animar.aparecer {
    opacity: 1 !important;
    transform: translateY(0) !important;
}


.faq-wrapper {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.5s ease;
}

.rotate-180 {
    transform: rotate(180deg);
}

.faq-conteudo {
    overflow: hidden;
    border-bottom-left-radius: 1.5rem;
    /* mesmo valor da div principal */
    border-bottom-right-radius: 1.5rem;
    transition: all 0.5s ease;
}

.faq-item {
    border-radius: 1.5rem;
    /* mesma medida do rounded-3xl */
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-radius: 1.5rem;
    /* mantém o raio mesmo no hover */
}

/* Garante que o conteúdo interno não sobrescreva bordas */
.faq-conteudo {
    transition: all 0.5s ease;
    background-color: #f9fafb;
    /* igual ao bg-gray-50 */
}

/* Não precisa aplicar rounded novamente aqui */
.faq-inner {
    padding-bottom: 1rem;
}

.animate-esquerda {
    transform: translateX(-50px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
}

.animate-direita {
    transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
}

.animate-esquerda.aparecer,
.animate-direita.aparecer {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}