:root {
    --planos-highlight-bg: #20c997;
    --planos-highlight-text: var(--segment-contrast, #ffffff);
    --planos-card-hover-border: #20c997;
    --planos-card-shadow: 0 14px 36px rgba(0, 0, 0, 0.06);
}
/*

@media (prefers-color-scheme: dark) {
    :root {
        --planos-highlight-bg: hsl(160, 70%, 40%);
        --planos-highlight-text: hsl(0, 0%, 98%);
        --planos-card-hover-border: hsl(160, 70%, 40%);
        --planos-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    }
}
*/

.toggle-period {
    background: transparent;
    color: var(--segment-foreground, #111827);
}

    .toggle-period.active {
        background: linear-gradient(140deg, rgba(37, 99, 235, 0.95), var(--segment-primary));
        color: var(--segment-contrast, #ffffff);
        box-shadow: 0 10px 30px rgba(37, 99, 235, 0.25);
    }


        .toggle-period.active span {
            color: var(--segment-destaque) !important;
        }






.card-plano-mais-popular {
    background-color: var(--planos-highlight-bg);
    color: var(--planos-highlight-text);
}

.card-plano {
    border-radius: 1.25rem;
    transition: .5s;
}

    .card-plano:hover {
        transform: translateY(-6px);
        border-color: var(--planos-card-hover-border) !important;
    }

@media (max-width: 768px) {
    .toggle-period {
        padding: 0.6rem 0.85rem;
        font-size: 0.9rem;
    }

    .card-plano {
        box-shadow: var(--planos-card-shadow);
    }
}


.text-primary {
    color: blue !important;
}

.pricing-plan-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pricing-plan-icon svg {
        width: 1.5rem;
        height: 1.5rem;
        color: white;
    }