@font-face {
  font-family: "plf02 Standardized Fallback";
  src: local("Arial"), local("ArialMT");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 97.97%;
  ascent-override: 119.02%;
  descent-override: 34.71%;
  line-gap-override: 0%;
}

.ck-typography-standardized {
  --ck-standard-ui: "plf02 Unica", "plf02 Standardized Fallback", Arial, sans-serif;
}

/* Every interface node is standardized; brand and selectable bumps are restored below. */
.ck-typography-standardized body,
.ck-typography-standardized body :not(.ck-logo, .ck-logo *, .ck-order-bump, .ck-order-bump *, .ck-secure, .ck-secure *, .pix-secure-badge, .pix-secure-badge *) {
  font-family: var(--ck-standard-ui) !important;
  font-weight: 400 !important;
  font-synthesis: none;
}

.ck-typography-standardized body,
.ck-typography-standardized .ck-step-title,
.ck-typography-standardized .ck-step-subtitle,
.ck-typography-standardized .ck-field label,
.ck-typography-standardized .ck-field input,
.ck-typography-standardized .ck-field select,
.ck-typography-standardized .ck-summary-mobile-toggle,
.ck-typography-standardized .ck-summary-content,
.ck-typography-standardized .ck-glin-commerce-summary,
.ck-typography-standardized .ck-glin-item-copy strong,
.ck-typography-standardized .ck-glin-item-copy small,
.ck-typography-standardized .ck-glin-item-original,
.ck-typography-standardized .ck-glin-item-price,
.ck-typography-standardized .ck-glin-total-original,
.ck-typography-standardized .ck-glin-summary-totals,
.ck-typography-standardized .ck-glin-summary-totals > .ck-summary-row,
.ck-typography-standardized .ck-summary-total-label,
.ck-typography-standardized .ck-summary-total-price,
.ck-typography-standardized .ck-summary-discount-badge,
.ck-typography-standardized .ck-summary-savings-row,
.ck-typography-standardized .ck-summary-card-details,
.ck-typography-standardized .ck-price-main,
.ck-typography-standardized .ck-tab,
.ck-typography-standardized .ck-glin-productive-card,
.ck-typography-standardized .ck-glin-productive-card .mpa-card-title,
.ck-typography-standardized .ck-glin-productive-card .mpa-label,
.ck-typography-standardized .ck-glin-productive-card .mpa-input,
.ck-typography-standardized #mp-api-form,
.ck-typography-standardized #stripe-card-form,
.ck-typography-standardized .ck-cta,
.ck-typography-standardized .ck-alert,
.ck-typography-standardized .ck-error,
.ck-typography-standardized .ck-benefits,
.ck-typography-standardized .ck-benefits li,
.ck-typography-standardized .ck-guarantee,
.ck-typography-standardized .ck-guarantee strong,
.ck-typography-standardized .ckpxov-dialog,
.ck-typography-standardized .ckpxov-copy-code {
  font-family: var(--ck-standard-ui) !important;
  font-synthesis: none;
}

/* Brand and approved editorial order-bump typography remain untouched. */
.ck-typography-standardized .ck-logo span {
  font-family: Georgia, serif !important;
  font-synthesis: initial;
}

.ck-typography-standardized .ck-order-bump,
.ck-typography-standardized .ck-order-bump * {
  font-family: "plf02 Unica", "plf07", sans-serif;
  font-synthesis: initial;
}

.ck-typography-standardized .ck-order-bump .ck-order-bump-headline {
  font-family: "plf06", Georgia, serif !important;
  font-style: italic !important;
}

.ck-typography-standardized .ck-order-bump .ck-order-bump-headline span,
.ck-typography-standardized .ck-order-bump .ck-order-bump-headline del {
  font-family: "plf02 Unica", "plf07", sans-serif !important;
  font-style: normal !important;
}

.ck-typography-standardized .ck-order-bump .ck-order-bump-price {
  font-family: "JetBrains Mono", monospace !important;
}

/* Match the productive mobile card-header positioning without changing fields. */
@media (max-width: 520px) {
  .ck-typography-standardized .ck-glin-productive-card .mpa-card-header {
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
  }

  .ck-typography-standardized .ck-glin-productive-card .mpa-logos-row {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
}


/* Protected Variant B refinements: presentation only. */
.ck-typography-standardized .ck-glin-no-number input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin: 0;
  border: 1px solid #D8D0CB;
  border-radius: 3px;
  background: #FFFFFF;
  opacity: 1;
}

.ck-typography-standardized .ck-glin-external-cta {
  margin-top: 16px !important;
}

/* Visual-only midpoint between the productive CTA and its disabled appearance. */
.ck-typography-standardized #ck-glin-headless .ck-cta,
html.ck-typography-standardized body .ck-glin-external-cta,
html.ck-typography-standardized body .ck-cta,
html.ck-typography-standardized body .ck-cta .btn-text,
html.ck-typography-standardized body #mpa-submit,
html.ck-typography-standardized body #mpa-submit .btn-text,
html.ck-typography-standardized body #mp-api-form #mpa-submit,
html.ck-typography-standardized body #mp-api-form #mpa-submit .btn-text,
html.ck-typography-standardized body #ckPayPix,
html.ck-typography-standardized body #ckPayPix .btn-text {
  background: linear-gradient(45deg, #379A48, #39C45B) !important;
  font-family: "plf02 Unica", "plf07", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  opacity: 1 !important;
}

/* v2 fix (2026-09-02): the broad .ck-cta / .ck-cta .btn-text rule above
   unintentionally painted a green gradient onto the Google Pay / Apple Pay
   button's inner text span, clashing with the solid black background those
   two wallet buttons get from #ckPayApplePay,#ckPayGPay in
   pt-llc-final-20260902-38-styles.v55.css. EN/ES never hit this because their
   checkout-typography-standardized.v1.css only targets #ck-glin-headless
   .ck-cta and .ck-glin-external-cta, not the generic .ck-cta / .ck-cta
   .btn-text pair. Restoring the text span to a transparent background here
   brings PT back to visual parity with EN/ES. Higher-specificity ID
   selectors, so this wins regardless of source order. Visual-only; no
   payment logic touched. */
html.ck-typography-standardized body #ckPayGPay .btn-text,
html.ck-typography-standardized body #ckPayApplePay .btn-text {
  background: none !important;
}

@media (max-width: 767px) {
  .ck-typography-standardized.ck-visual-variant-b #ckSummaryMobileTotal {
    color: #353935 !important;
  }
}

/* v3 fix (2026-09-02): CTA muda de tamanho ao entrar em loading (#ckPayPix).
   O bloco inline <style id="ckPtLlcApprovedPaymentTypography"> no
   checkout-index.html aplica o MESMO conjunto de declaracoes ao botao E ao
   span interno:
     #stripe-submit,.ck-cta,#stripe-submit .btn-text,.ck-cta .btn-text{
       ... min-height:58px!important; border-radius:14px!important }
   O min-height:58px existe para o BOTAO; cair no .btn-text foi colateral.
   Em repouso o span e display:inline e min-height NAO se aplica a caixas
   inline nao-substituidas (CSS 2.1 10.7) -> sem efeito, botao 58px.
   Ao clicar, #ckPayPix.loading{display:inline-flex} (styles.v55.css) torna o
   span um flex item BLOQUIFICADO (display:block) e o min-height:58px passa a
   valer: span 21px -> 58px, botao 58px -> 90px (58 + 16+16 de padding).
   Zerar o min-height apenas no span devolve a geometria de repouso; o botao
   mantem seu proprio min-height:58px, entao o tamanho fica identico nos dois
   estados. Visual-only; nenhuma logica de pagamento tocada. */
html body .ck-cta .btn-text,
html body #stripe-submit .btn-text,
html body #ckPayPix .btn-text {
  min-height: 0 !important;
}

/* ============================================================================
   TRACK 2C (2026-09-03) — paridade tipografica com a Variante B APROVADA.
   Referencia: container pl-variant-b-canonical-pt-220dddd
   (bundle checkout-styles.v55.css + checkout-typography-standardized.v1.css),
   carregado com ?visualVariant=B. Todos os valores abaixo foram MEDIDOS com
   getComputedStyle em Chrome real nos dois checkouts, nao deduzidos do CSS.
   Somente apresentacao. Nenhuma logica de preco, taxa, IOF, aba padrao ou
   pagamento e tocada por este arquivo.

   Escopo de idioma: este arquivo so e carregado por /checkout/index.html (PT).
   en.html e es.html referenciam /checkout/assets/rc-en-es-20260830-01/ e nao
   carregam nenhum ...typography... , alem de renderizarem com <html class="">
   (sem ck-typography-standardized). EN/ES ficam provadamente inalterados.
   ============================================================================ */

/* --- 2C.1  Titulo "Cartao de Credito e Debito" -----------------------------
   Na Variante B aprovada o titulo VISIVEL e o do cartao produtivo Glin,
   #ck-glin-headless.ck-glin-productive-card .mpa-card-header .mpa-card-title.
   Ali a regra .ck-glin-productive-card .mpa-card-title (especificidade 0,2,0)
   PERDE para a regra universal
   .ck-typography-standardized body :not(.ck-logo, .ck-logo *, .ck-order-bump,
   .ck-order-bump *)  (0,2,1), entao o titulo sai na UI padronizada, peso 400.
   No checkout ao vivo o mesmo titulo mora em #stripe-card-form, e o seletor
   de ID #stripe-card-form .mpa-card-title (1,1,0) vence a regra universal e
   devolve o serif plf06 peso 500.

   MEDIDO (Chrome, 1440x1000, aba Cartao ativa):
     aprovado : "plf02 Unica","plf02 Standardized Fallback",Arial,sans-serif
                16px / 400 / normal / 0.16px / rgb(26,26,26)
     ao vivo  : plf06, Georgia, serif
                16px / 500 / normal / 0.16px / rgb(26,26,26)
   Esta regra (1,3,2) iguala o ao vivo ao aprovado. */
html.ck-typography-standardized body #stripe-card-form .mpa-card-title,
html.ck-typography-standardized body #mp-card-form .mpa-card-title,
html.ck-typography-standardized body #mp-api-form .mpa-card-title {
  font-family: var(--ck-standard-ui) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: 0.01em !important;
  color: #1A1A1A !important;
  text-transform: none !important;
  white-space: normal !important;
}

/* --- 2C.2  Secao "Dados do pagador" (CPF) ---------------------------------
   Na Variante B aprovada essa secao vive dentro do host
   #ck-glin-headless.ck-glin-productive-card, que e quem traz o cartao
   (padding 20px / border-radius 16px / background #F7F3F0) e as cores de
   campo  .mpa-label #555555  e  .mpa-input #1A1A1A  (regras 27..30 de
   checkout-styles.v55.css, ja presentes no bundle ao vivo, apenas nunca
   ativadas porque faltava o host).

   MEDIDO antes desta mudanca:
     aprovado : label rgb(85,85,85)    input rgb(26,26,26)
     ao vivo  : label rgb(141,109,92)  input rgb(74,55,40)

   O index.html PT passa a usar o mesmo host .ck-glin-productive-card e a
   mesma estrutura do Glin (secao = titulo + lead + divisor; grade de campos
   como IRMA da secao, nao aninhada). Aqui so restauramos a margem superior
   de 12px do host aprovado, que a regra .ck-pix-payer-card{margin:0 0 18px}
   (mais adiante no styles.v55) zeraria. */
html.ck-typography-standardized body #ck-pix-tax-wrap.ck-glin-productive-card {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

/* ============================================================================
   #67 (2026-09-04) — CTA do cartao com a MESMA fonte/peso do CTA do Pix.
   O <style> inline do index aplica #stripe-submit .btn-text{font-weight:500!important}
   (especificidade de id vence a regra html.ck-typography-standardized .ck-cta = 600).
   Medido no DOM (Chrome real): #ckPayPix = "plf02 Unica" 17px 600; #stripe-submit = 17px 500.
   Esta regra (html body #id.class ...) supera a inline em especificidade. Visual-only. */
html body #stripe-submit.ck-cta,
html body #stripe-submit.ck-cta .btn-text,
html body #stripe-submit.ck-cta .btn-text span {
  font-family: "plf02 Unica", "plf07", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
}