.pricing-cards-block {
        --pc-orange-1: #534d78;
        --pc-orange-2: #9c98b4;
        --pc-teal: #534d78;
        --pc-yellow: #ffc107;
        --pc-heading: #534d78;
        font-family: 'Poppins', 'Inter', 'Barlow', sans-serif;
        display: flex;
        justify-content: center;
    }

    .pricing-cards-block,
    .pricing-cards-block *,
    .pricing-cards-block *::before,
    .pricing-cards-block *::after {
        box-sizing: border-box;
    }

    /* =====================================================================
   GRID (substitui container/row/col do Bootstrap)
   ===================================================================== */
    .pricing-cards-block .container {
        width: 100%;
        display: flex;
        flex-direction: column;
        max-width: 90%;
    }

    .pricing-cards-block .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .pricing-cards-block .col-12 {
        width: 100%;
    }

    .pricing-cards-block .mb-4 {
        margin-bottom: 1.5rem;
    }

    .pricing-cards-block .order-1 {
        order: 1;
    }

    .pricing-cards-block .order-2 {
        order: 2;
    }

    .pricing-cards-block .order-3 {
        order: 3;
    }

    .pricing-cards-block .order-4 {
        order: 4;
    }

    @media (min-width: 768px) {
        .pricing-cards-block .col-md-4 {
            flex: 0 0 auto;
            width: 33.3333%;
        }

        .pricing-cards-block .mb-md-0 {
            margin-bottom: 0;
        }

        .pricing-cards-block .order-md-1 {
            order: 1;
        }

        .pricing-cards-block .order-md-2 {
            order: 2;
        }

        .pricing-cards-block .order-md-3 {
            order: 3;
        }
    }

    /* =====================================================================
   UTILITÁRIOS (substituem classes utilitárias do Bootstrap)
   ===================================================================== */
    .pricing-cards-block .text-center {
        text-align: center;
    }

    .pricing-cards-block .text-start {
        text-align: left;
    }

    .pricing-cards-block .fw-bold {
        font-weight: 700;
    }

    .pricing-cards-block .small {
        font-size: 0.875em;
    }

    .pricing-cards-block .d-flex {
        display: flex;
    }

    .pricing-cards-block .d-block {
        display: block;
    }

    .pricing-cards-block .justify-content-center {
        justify-content: center;
    }

    .pricing-cards-block .align-items-center {
        align-items: center;
    }

    .pricing-cards-block .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .pricing-cards-block .me-2 {
        margin-right: .5rem;
    }

    .pricing-cards-block .ms-2 {
        margin-left: .5rem;
    }

    .pricing-cards-block .pb-2 {
        padding-bottom: .5rem;
    }

    .pricing-cards-block .mb-0 {
        margin-bottom: 0;
    }

    .pricing-cards-block .mb-1 {
        margin-bottom: .25rem;
    }

    .pricing-cards-block .mb-2 {
        margin-bottom: .5rem;
    }

    .pricing-cards-block .mb-3 {
        margin-bottom: 1rem;
    }

    .pricing-cards-block .py-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pricing-cards-block .p-4 {
        padding: 1.5rem;
    }

    .pricing-cards-block .p-4-2 {
        padding: 1rem;
    }

    .pricing-cards-block .col-7 {
        width: 58.3333%;
    }

    .pricing-cards-block .img-fluid {
        max-width: 100%;
        height: auto;
        display: inline-block;
    }

    .pricing-cards-block .text-decoration-line-through {
        text-decoration: line-through;
        opacity: .7;
    }

    .pricing-cards-block h3,
    .pricing-cards-block h4 {
        margin: 0 0 .5rem;
        line-height: 1.2;
    }

    .pricing-cards-block .display-2 {
        font-size: 3.5rem;
        font-weight: 600;
        line-height: 1.2;
    }

    @media (min-width: 576px) {
        .pricing-cards-block .mt-sm-3 {
            margin-top: 1rem;
        }
    }

    /* =====================================================================
   BORDAS E BASE DO CARD (substituem style-card.css)
   ===================================================================== */
    .pricing-cards-block .theme-border-radius {
        border-radius: 3.125rem;
        background: #fff;
        color: #000;
    }

    .pricing-cards-block .border-primary-new {
        border: 2px solid var(--pc-teal);
    }

    /* =====================================================================
   VISUAL DOS CARDS (seu bloco custom original, agora isolado)
   ===================================================================== */
    .pricing-cards-block .header-bg {
        background: linear-gradient(135deg, var(--pc-orange-1), var(--pc-orange-2));
        color: #f0f0f0;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
    }

    .pricing-cards-block .pricing-card {
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        margin-right: 20px;
        margin-left: 20px;
    }

    .pricing-cards-block .pricing-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 50px #38393933;
    }

    .pricing-cards-block .pricing-card-btn {
        display: inline-block;
        background: var(--pc-yellow);
        color: #0a0a0a !important;
        font-family: 'Inter', 'Barlow', sans-serif;
        font-weight: 800;
        font-size: 20px;
        letter-spacing: 1px;
        padding: 16px 60px;
        border-radius: 50px;
        text-decoration: none !important;
        text-align: center;
        cursor: pointer;
        border: none;
        position: relative;
        overflow: hidden;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
            box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
            background 0.3s ease;
    }

    .pricing-cards-block .pricing-card-btn:hover {
        transform: scale(1.06);
        box-shadow: 0 8px 28px rgba(186, 168, 10, 0.4);
        background: #f9c016;
        color: #0a0a0a !important;
    }

    .pricing-cards-block .pricing-card-btn:active {
        transform: scale(0.97);
        box-shadow: 0 2px 8px rgba(186, 168, 10, 0.4);
    }

    .pricing-cards-block .pricing-card-btn::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
        transition: left 0.5s ease;
    }

    .pricing-cards-block .pricing-card-btn:hover::after {
        left: 120%;
    }

    .pricing-cards-block .center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pricing-cards-block .card-bv {
        background: radial-gradient(circle, var(--pc-orange-2) 0%, var(--pc-orange-1) 70%);
        color: #f0f0f0;
    }

    /* Borda usada nos cards "Try Two" e "Popular" (2px laranja) */
    .pricing-cards-block .border {
        border: 2px solid var(--pc-orange-2);
    }

    .pricing-cards-block .img-2-3 {
        max-width: 70%;
    }

    .pricing-cards-block .offer {
        max-width: 45%;
    }

    .pricing-cards-block .sat-01 {
        background: #ffc107a8;
    }

    /* ---------- Contador + barra de status ---------- */
    .pricing-cards-block .status {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .pricing-cards-block .countdown-pill {
        display: block;
        width: 50%;
        border: 2px solid var(--pc-orange-2);
        border-radius: 5px;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pricing-cards-block .status-bar {
        display: flex;
        width: 50%;
        border: 2px solid var(--pc-orange-2);
        border-radius: 5px;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        justify-content: space-evenly;
    }

    .pricing-cards-block .status-item {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-weight: 600;
    }

    .pricing-cards-block .status-item strong {
        color: var(--pc-heading);
        font-weight: 800;
    }

    .pricing-cards-block .status-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #2cc934;
        display: inline-block;
    }

    /* ---------- Alternância desktop / mobile ---------- */
    .pricing-cards-block .mobile {
        display: none;
    }

    .pricing-cards-block #desktop {
        display: flex;
    }

    @media (max-width: 768px) {
        .pricing-cards-block #desktop {
            display: none;
        }

        .pricing-cards-block .mobile {
            display: flex;
        }

        .pricing-cards-block .flex {
            display: flex;
            flex-direction: column;
            gap: 15px;
            justify-content: center;
            align-items: center;
        }

        .pricing-cards-block .img-2-3 {
            max-width: 100%;
        }

        .pricing-cards-block h3 {
            font-size: 16px;
        }

        .pricing-cards-block .txt-size {
            font-size: 50px !important;
        }

        .pricing-cards-block span {
            font-size: 14px;
        }

        .pricing-cards-block p {
            font-size: 12px;
        }

        .pricing-cards-block .pricing-card {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pricing-cards-block .pricing-card-btn {
            width: 100%;
            margin-top: 20px;
            font-size: 15px;
            padding: 10px 20px;
        }

        .pricing-cards-block .offer {
            max-width: 75%;
        }

        .pricing-cards-block .countdown-pill {
            width: 90%;
            font-size: 16px;
        }

        .pricing-cards-block .status-bar {
            display: block;
            width: 90%;
            font-size: 16px;
        }
    }

/* === Extracted from index inline styles === */
.pricing-cards-block {
  color: #101010;
}

.pricing-cards-block .save-green {
  color: #11bc27;
}

.pricing-cards-block .save-light {
  color: #bbffaf;
}

.pricing-cards-block .mt-n15 {
  margin-top: -15px;
}

.pricing-cards-block .mw-50 {
  max-width: 50%;
}