.planos-section {
    margin-top: 4rem;
}


.plano-card {
    background: linear-gradient(145deg, #1b1f1c 0%, #0f110f 100%);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    border: 2px solid transparent;
    background-image: linear-gradient(#1b1f1c, #1b1f1c), repeating-linear-gradient(135deg, #00ed3b, #00ed3b88 10%, #00ed3b44 20%, #00ed3b22 30%, transparent 40%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 0 12px #00ed3b33;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.plano-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 20px #00ed3b66;
}



.plano-card .price {
    font-size: 1.25rem;
    font-weight: 600;
    color: #00ed3b;
    margin-top: 1rem;
}


.plano-icon {
    font-size: 2.5rem;
    color: #00ed3b;
}
.benefits {
    text-align: left;
    margin-top: 1.5rem;
    padding: 0;
}

.benefits li {
    list-style: none;
    margin: 0.5rem 0;
    display: flex;
    align-items: center;
    color: #fff;
}

.benefits li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #00ed3b;
    margin-right: 0.5rem;
}