:root {
    /* Paleta oficial — Afetto Psicologia & Saude */
    --afetto-teal-dark: #0a8785;
    --afetto-teal: #12c6bd;
    --afetto-grey: #a5a5a5;

    /* Tons derivados */
    --afetto-teal-soft: #e6faf9;
    --afetto-teal-soft-2: #d4f5f3;
    --afetto-teal-muted: rgba(10, 135, 133, 0.12);
    --afetto-teal-muted-strong: rgba(10, 135, 133, 0.25);
    --afetto-gradient-hero: linear-gradient(135deg, #0a8785 0%, #12c6bd 100%);
    --afetto-gradient-showcase: linear-gradient(
        160deg,
        rgba(10, 135, 133, 0.97) 0%,
        rgba(18, 198, 189, 0.92) 52%,
        rgba(10, 135, 133, 0.88) 100%
    );

    /* Aliases usados nas telas do sistema */
    --brand-deep: var(--afetto-teal-dark);
    --brand-mid: var(--afetto-teal);
    --brand-soft: var(--afetto-teal-soft);
    --brand-accent: var(--afetto-teal);
    --fin-teal: var(--afetto-teal-dark);
    --fin-teal-dark: var(--afetto-teal-dark);
}

.site-versao {
    margin-top: 1rem;
    padding-top: 0.95rem;
    border-top: 1px solid #e2e8f0;
    text-align: center;
}

.site-versao__pill {
    display: inline-block;
    font-size: 0.84rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #64748b;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.45rem 1.05rem;
    line-height: 1.25;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.pagamento-status-badge {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.2;
    text-align: center;
}