/* Only the final subscription step. Card fields stay light for the secure SDK iframe. */
body.sr-app #spv-assinatura .spv-subscription-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; padding:18px 0; margin:16px 0; border-block:1px solid var(--sr-line); }
body.sr-app #spv-assinatura .spv-subscription-facts dt { color:inherit; font-size:12px; margin-bottom:6px; }
body.sr-app #spv-assinatura .spv-subscription-facts dd { color:inherit; font-size:14px; line-height:1.5; font-weight:600; margin:0; overflow-wrap:anywhere; }
body.sr-app #spv-assinatura .spv-subscription-help { font-size:12px; line-height:1.6; margin-top:18px; }
body.sr-app #assinar.sp-checkout { max-width:860px; margin:32px auto; padding:32px; border:1px solid var(--sr-line); border-radius:12px; background:var(--sr-panel); color:var(--sr-text); scroll-margin-top:0; font-family:var(--sr-font); text-align:left; }
body.sr-app #assinar .sp-eyebrow { color:var(--dr-accent-ink); font-size:12px; letter-spacing:.08em; margin:0 0 10px; display:block; }
body.sr-app #assinar.sp-checkout [hidden] { display:none!important; }
body.sr-app #assinar .sp-checkout-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
body.sr-app #assinar .sp-checkout-head h2 { margin:0; font:600 clamp(23px,3vw,30px)/1.2 var(--sr-font); letter-spacing:-.04em; color:var(--sr-text); }
body.sr-app #assinar .sp-checkout-summary { margin:16px 0 24px; padding-bottom:24px; border-bottom:1px solid var(--sr-line); color:var(--sr-muted); font-size:15px; line-height:1.6; max-width:70ch; }
body.sr-app #assinar .sp-checkout-summary strong { color:var(--sr-text); font-weight:650; }
body.sr-app #assinar .sp-checkout-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
body.sr-app #assinar .sp-checkout-field { min-width:0; display:flex; flex-direction:column; gap:8px; color:var(--sr-text); font:500 13px/1.5 var(--sr-font); }
body.sr-app #assinar .sp-checkout-field-wide { grid-column:1/-1; }
body.sr-app #assinar .sp-checkout-field :is(input,select),body.sr-app #assinar .sp-checkout-secure { width:100%; box-sizing:border-box; height:48px; min-height:48px; border:1px solid #78879d; border-radius:6px; background:#fff; color:#13233f; color-scheme:light; font:400 16px/1.5 var(--sr-font); padding:10px 12px; }
body.sr-app #assinar .sp-checkout-secure { padding:0 12px; }
body.sr-app #assinar .sp-checkout-secure iframe { display:block; width:100%; height:100%; border:0; }
body.sr-app #assinar .sp-checkout-field input::placeholder { color:#52627b; opacity:1; }
body.sr-app #assinar :is(button,input,select,a):focus-visible,body.sr-app #assinar .sp-checkout-secure:focus-within { outline:2px solid var(--dr-focus); outline-offset:3px; }
body.sr-app #assinar .sp-checkout-note { color:var(--sr-muted); font:400 12px/1.6 var(--sr-font); margin:18px 0; max-width:75ch; }
body.sr-app #assinar .sp-checkout-note a { color:var(--sr-text); text-decoration:underline; text-underline-offset:3px; }
body.sr-app #assinar .sp-checkout-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
body.sr-app #assinar :is(.sp-btn,.sp-btn-sec) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; max-width:100%; padding:11px 18px; border:1px solid var(--sr-control); border-radius:6px; color:var(--sr-text); background:transparent; font:600 14px/1.5 var(--sr-font); text-align:center; cursor:pointer; }
body.sr-app #assinar .sp-btn { background:var(--sr-accent,#e8c386); border-color:var(--sr-accent,#e8c386); color:#13233f; }
body.sr-app #assinar :is(.sp-btn,.sp-btn-sec):disabled { opacity:.6; cursor:not-allowed; }
body.sr-app #assinar .sp-checkout-error { color:var(--sr-today,#b03030); font-size:14px; line-height:1.6; margin:16px 0 0; }
body.sr-app #assinar #sp-checkout-progress { color:var(--sr-muted); font-size:14px; line-height:1.6; margin:12px 0 0; }
body.sr-app #assinar :is(.sp-checkout-error,#sp-checkout-progress):empty { display:none; }
@media(max-width:600px) {
  body.sr-app #spv-assinatura .spv-subscription-facts { grid-template-columns:1fr; }
  body.sr-app #assinar.sp-checkout { margin:24px 0; padding:20px 16px; border-radius:8px; }
  body.sr-app #assinar .sp-checkout-head { flex-direction:column; gap:12px; }
  body.sr-app #assinar .sp-checkout-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  body.sr-app #assinar .sp-checkout-actions { flex-direction:column; align-items:stretch; }
  body.sr-app #assinar .sp-checkout-actions :is(.sp-btn,.sp-btn-sec) { width:100%; }
}