/* Checkout / inscrição — shell alinhado ao v2 (mantém utilitários Tailwind do funil). */

@font-face{font-family:'Montserrat Fallback';src:local('Arial');size-adjust:113.2%;ascent-override:89%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Montserrat-Regular-latin.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Montserrat-SemiBold-latin.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Montserrat-Bold-latin.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/Montserrat-ExtraBold-latin.woff2') format('woff2')}

.page-checkout{
  --ck-blue:#1967ff;
  --ck-blue-dark:#1554a6;
  --ck-navy:#06111f;
  --ck-soft:#eef4fb;
  font-family:Montserrat,'Montserrat Fallback',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  background:#f8fafc
}
.page-checkout .checkout-header{
  position:sticky;top:0;z-index:50;
  background:rgba(6,17,31,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.1)
}
.page-checkout .checkout-header__inner{
  width:min(100% - 32px,1120px);margin:0 auto;height:68px;
  display:flex;align-items:center;justify-content:space-between;gap:16px
}
.page-checkout .checkout-header .brand{display:flex;align-items:center}
.page-checkout .checkout-header .brand-logo{display:block;height:34px;width:auto}
.page-checkout .checkout-header .brand-logo__word{fill:#fff}
.page-checkout .checkout-header .brand-logo__mark{fill:#f5ca1f}
.page-checkout .checkout-header__meta{
  display:flex;align-items:center;gap:14px;color:#b9c1cb;font-size:.82rem;font-weight:600
}
.page-checkout .checkout-header__meta i{color:#34d4ff}
.page-checkout .checkout-cart-btn{
  position:relative;align-items:center;gap:8px;
  min-height:40px;padding:0 12px;border-radius:12px;border:0;
  background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer
}
.page-checkout .checkout-cart-btn:not(.hidden){display:inline-flex}
.page-checkout .checkout-cart-btn:hover{background:rgba(255,255,255,.14)}
.page-checkout .checkout-cart-btn span{
  position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:var(--ck-blue);color:#fff;font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center
}
.page-checkout .checkout-footer{
  margin-top:auto;padding:28px 0;background:var(--ck-navy);color:#9aa3ad;font-size:.82rem
}
.page-checkout .checkout-footer__inner{
  width:min(100% - 32px,1120px);margin:0 auto;
  display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center
}
.page-checkout .checkout-footer a{color:#c9d4e0;font-weight:600}
.page-checkout .checkout-footer a:hover{color:#fff}

/* Remapeia brand-* do Tailwind (verde antigo) para azul Clarify */
.page-checkout .bg-brand-50{background-color:#eef4fb!important}
.page-checkout .bg-brand-100{background-color:#e8f4ff!important}
.page-checkout .bg-brand-500,.page-checkout .bg-brand-600,.page-checkout .hover\:bg-brand-600:hover{background-color:#1967ff!important}
.page-checkout .bg-brand-700,.page-checkout .hover\:bg-brand-700:hover{background-color:#1554a6!important}
.page-checkout .text-brand-500,.page-checkout .text-brand-600,.page-checkout .hover\:text-brand-600:hover{color:#1967ff!important}
.page-checkout .text-brand-700,.page-checkout .hover\:text-brand-700:hover{color:#1554a6!important}
.page-checkout .text-brand-800{color:#0b1c31!important}
.page-checkout .border-brand-100{border-color:#dbeafe!important}
.page-checkout .border-brand-200{border-color:#b9d4f0!important}
.page-checkout .border-brand-300,.page-checkout .hover\:border-brand-300:hover{border-color:#93c5fd!important}
.page-checkout .border-brand-400,.page-checkout .hover\:border-brand-400:hover,.page-checkout .group:hover .group-hover\:border-brand-400{border-color:#60a5fa!important}
.page-checkout .border-brand-500,.page-checkout .focus\:border-brand-500:focus{border-color:#1967ff!important}
.page-checkout .border-brand-600{border-color:#1967ff!important}
.page-checkout .peer:checked ~ .peer-checked\:border-brand-600,
.page-checkout .peer:checked ~ * .peer-checked\:border-brand-600{border-color:#1967ff!important}
.page-checkout .peer:checked ~ .peer-checked\:bg-brand-50{background-color:#eef4fb!important}
.page-checkout .ring-brand-500,.page-checkout .focus\:ring-brand-500:focus{--tw-ring-color:#1967ff!important}
.page-checkout .ring-brand-600,.page-checkout .focus\:ring-brand-600:focus{--tw-ring-color:#1967ff!important}
.page-checkout .shadow-brand-500\/20{--tw-shadow-color:rgba(25,103,255,.2)!important}
.page-checkout .from-brand-500{--tw-gradient-from:#1967ff var(--tw-gradient-from-position)!important}
.page-checkout .from-brand-600{--tw-gradient-from:#1967ff var(--tw-gradient-from-position)!important}
.page-checkout .to-brand-600{--tw-gradient-to:#1967ff var(--tw-gradient-to-position)!important}
.page-checkout .to-brand-700{--tw-gradient-to:#1554a6 var(--tw-gradient-to-position)!important}
.page-checkout .loader{border-top-color:#1967ff!important}
.page-checkout .turma-card-selected{border-color:#1967ff!important;background-color:#eef4fb!important}
.page-checkout .turma-card-selected .radio-indicator{border-color:#1967ff!important}
.page-checkout .file\:bg-brand-50::file-selector-button{background-color:#eef4fb!important}
.page-checkout .file\:text-brand-700::file-selector-button{color:#1554a6!important}
.page-checkout .hover\:file\:bg-brand-100:hover::file-selector-button{background-color:#e8f4ff!important}
.page-checkout .ring-brand-300{--tw-ring-color:#93c5fd!important}
.page-checkout .text-brand-900{color:#0b1c31!important}
.page-checkout .bg-brand-50\/70{background-color:rgba(238,244,251,.7)!important}
.page-checkout .hover\:bg-brand-100:hover{background-color:#e8f4ff!important}

/* Modal de conteúdo (proposta): bullets/títulos verdes → azul */
.page-checkout .conteudo-curso-modal h3,
.page-checkout .conteudo-curso-modal h4{border-bottom-color:#1967ff!important}
.page-checkout .conteudo-curso-modal li::before{background:linear-gradient(135deg,#60a5fa,#1967ff)!important}
.page-checkout .conteudo-curso-modal ul.list-unstyled li > .bi{color:#1967ff!important}

@media(max-width:640px){
  .page-checkout .checkout-header__inner{height:62px}
  .page-checkout .checkout-header__meta > span:not(.checkout-cart-btn span){display:none}
}