:root{--sub-navy:#001126;--sub-navy-2:#061d38;--sub-gold:#efb82f;--sub-gold-2:#ffd66a;--sub-cream:#fff9e8}
.subscribe-hero{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7rem) 0;background:radial-gradient(circle at 85% 20%,rgba(239,184,47,.18),transparent 30%),linear-gradient(135deg,var(--sub-navy),#020b19 70%);color:#fff}
.subscribe-hero:after{content:"";position:absolute;inset:auto -15% -55% 38%;height:580px;border:1px solid rgba(239,184,47,.28);border-radius:50%;transform:rotate(-8deg)}
.subscribe-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.subscribe-kicker{display:inline-flex;padding:.4rem .8rem;border:1px solid rgba(239,184,47,.5);border-radius:999px;color:var(--sub-gold-2);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.subscribe-hero h1{max-width:760px;margin:1rem 0;font-size:clamp(2.5rem,5.6vw,5.2rem);line-height:.98;letter-spacing:-.055em}.subscribe-hero p{max-width:690px;color:#cbd5e1;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.7}
.subscribe-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}.subscribe-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:.8rem 1.3rem;border-radius:12px;background:linear-gradient(135deg,var(--sub-gold-2),var(--sub-gold));color:#061325!important;font-weight:900;text-decoration:none;box-shadow:0 12px 32px rgba(239,184,47,.2)}.subscribe-button--block{width:100%;margin-top:auto}.subscribe-link{color:#fff!important;font-weight:700;text-decoration:none}
.subscribe-proof{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:2rem;color:#dbe5f0;font-size:.86rem}.subscribe-proof i{color:var(--sub-gold);margin-right:.35rem}.subscribe-preview{position:relative}.subscribe-preview img{display:block;width:100%;border:1px solid rgba(239,184,47,.45);border-radius:22px;box-shadow:0 35px 80px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(-5deg)}
.subscribe-plans{padding:clamp(4rem,7vw,7rem) 0;background:#f6f8fb}.subscribe-section-title{max-width:820px;margin:0 auto 2.5rem;text-align:center}.subscribe-section-title>span{color:#9b6a00;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.subscribe-section-title h2{margin:.6rem 0;color:#07182e;font-size:clamp(1.9rem,3vw,3rem)}.subscribe-section-title p{color:#536274}
.subscribe-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.subscribe-plan{position:relative;display:flex;flex-direction:column;padding:1.7rem;border:1px solid #dce3ea;border-radius:20px;background:#fff;color:#1b2b3d;box-shadow:0 12px 35px rgba(7,24,46,.07)}.subscribe-plan--featured{border:2px solid var(--sub-gold);transform:translateY(-10px);box-shadow:0 20px 45px rgba(143,99,0,.15)}.subscribe-plan__tag{position:absolute;top:-13px;right:18px;padding:.32rem .65rem;border-radius:999px;background:var(--sub-gold);color:#081426;font-size:.7rem;font-weight:900;text-transform:uppercase}.subscribe-plan__duration{color:#8c6208;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.subscribe-plan h3{margin:.35rem 0 1rem;font-size:1.45rem;color:#07182e}.subscribe-price{display:flex;align-items:flex-start;color:#07182e}.subscribe-price small{margin:.45rem .35rem 0 0;font-weight:800}.subscribe-price strong{font-size:2.35rem;letter-spacing:-.05em}.subscribe-plan p{min-height:66px;color:#647284;font-size:.9rem}.subscribe-plan ul{display:grid;gap:.65rem;margin:1rem 0 1.5rem;padding:0;list-style:none;font-size:.88rem}.subscribe-plan li:before{content:"✓";margin-right:.5rem;color:#9b6a00;font-weight:900}
.subscribe-register{padding:4rem 0;background:var(--sub-navy);color:#fff}.subscribe-register__heading{max-width:760px;margin-bottom:1.5rem}.subscribe-register h2{margin:.7rem 0}.subscribe-register p{color:#cbd5e1;line-height:1.65}.subscribe-form{padding:clamp(1.2rem,3vw,2.2rem);border:1px solid rgba(239,184,47,.3);border-radius:20px;background:rgba(255,255,255,.055)}.subscribe-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.subscribe-form label,.subscription-order label{display:block;margin-bottom:.4rem;color:#dfe8f3;font-size:.84rem;font-weight:700}.subscribe-form input,.subscribe-form select{width:100%;min-height:48px;padding:.7rem .85rem;border:1px solid #52647b;border-radius:10px;background:#071b34;color:#fff}.subscribe-form input:focus,.subscribe-form select:focus{border-color:var(--sub-gold);outline:2px solid rgba(239,184,47,.18)}.subscribe-password{position:relative}.subscribe-password input{padding-right:3rem}.subscribe-password button{position:absolute;top:0;right:0;width:48px;height:48px;border:0;background:transparent;color:var(--sub-gold)}.subscribe-consent{display:flex!important;gap:.7rem;margin:1.2rem 0!important;align-items:flex-start}.subscribe-consent input{width:20px;min-height:20px;margin-top:.1rem}.subscribe-button--checkout{width:100%;border:0;cursor:pointer}.subscribe-button[disabled]{filter:grayscale(1);cursor:not-allowed;opacity:.55}.subscribe-alert{margin:1rem 0;padding:1rem;border:1px solid rgba(239,184,47,.45);border-radius:12px;background:rgba(239,184,47,.12);color:#ffe5a2}.subscribe-alert--error{border-color:#e96a6a;background:rgba(170,25,25,.18);color:#ffd2d2}.subscribe-alert ul{margin:.4rem 0 0}.renew-access{display:grid;min-height:68vh;place-items:center;padding:4rem 1rem;background:radial-gradient(circle at 50% 0,rgba(239,184,47,.16),transparent 36%),var(--sub-navy);color:#fff}.renew-access__card{max-width:700px;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(239,184,47,.35);border-radius:24px;background:rgba(3,17,36,.92);box-shadow:0 30px 80px rgba(0,0,0,.38);text-align:center}.renew-access h1{margin:1rem 0;font-size:clamp(2rem,5vw,3.5rem)}.renew-access p{color:#cbd5e1;line-height:1.7}.renew-access .subscribe-actions{justify-content:center}.renew-access__notice{padding:.75rem;border-radius:10px;background:rgba(239,184,47,.12);color:#ffe29a!important}
.subscription-order{display:grid;min-height:72vh;place-items:center;padding:4rem 1rem;background:#f4f6f9}.subscription-order__card{width:min(620px,100%);padding:clamp(1.5rem,5vw,3rem);border-radius:22px;background:#fff;color:#10233a;box-shadow:0 25px 70px rgba(7,24,46,.14);text-align:center}.subscription-order h1{margin:.8rem 0}.subscription-order__summary{color:#526174}.subscription-order__qr{display:block;width:min(290px,80%);margin:1.2rem auto;border-radius:12px}.subscription-order__copy{display:grid;grid-template-columns:1fr auto;gap:.5rem}.subscription-order__copy textarea{min-height:76px;padding:.7rem;border:1px solid #c8d1dc;border-radius:9px;resize:none}.subscription-order__copy button{border:0;border-radius:9px;background:#0b223e;color:#fff;font-weight:800}.subscription-order__waiting{margin:1.3rem 0 0;color:#617084}.subscription-order__waiting span{display:inline-block;width:9px;height:9px;margin-right:.4rem;border-radius:50%;background:#e3aa20;box-shadow:0 0 0 5px rgba(227,170,32,.18)}.subscription-order__paid i{color:#198754;font-size:3.5rem}.subscription-order__paid h2{margin:.5rem 0}
@media(max-width:1050px){.subscribe-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscribe-plan--featured{transform:none}.subscribe-hero__grid{grid-template-columns:1fr}.subscribe-preview{max-width:760px}}
@media(max-width:640px){.subscribe-hero{padding:3rem 0}.subscribe-hero__grid{gap:2.5rem}.subscribe-preview img{transform:none;border-radius:14px}.subscribe-plan-grid{grid-template-columns:1fr}.subscribe-form__grid{grid-template-columns:1fr}.subscribe-actions{align-items:stretch;flex-direction:column}.subscribe-link{text-align:center}.subscribe-proof{display:grid}.subscribe-plan p{min-height:0}.subscription-order__copy{grid-template-columns:1fr}.subscription-order__copy button{min-height:44px}}

/* Checkout de assinaturas: campos escuros inclusive com autofill do navegador. */
.subscribe-form input,.subscribe-form select{color-scheme:dark}
.subscribe-form input[readonly]{background:#071b34;color:#fff;opacity:1}
.subscribe-form input:-webkit-autofill,.subscribe-form input:-webkit-autofill:hover,.subscribe-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #071b34 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;transition:background-color 9999s ease-out 0s}
.subscribe-field-help{display:block;margin-top:.38rem;color:#9fb0c4;font-size:.74rem}
.subscribe-carousel-controls{display:none}

/* O fundo acompanha o site; somente a moldura do QR Code permanece branca. */
.subscription-order{background:radial-gradient(circle at 50% 0,rgba(239,184,47,.16),transparent 34%),linear-gradient(145deg,var(--sub-navy),#020a17);color:#fff}
.subscription-order__card{border:1px solid rgba(239,184,47,.32);background:rgba(3,17,36,.94);color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.subscription-order__summary,.subscription-order__waiting{color:#cbd5e1}
.subscription-order__qr-frame{width:min(330px,92%);margin:1.2rem auto;padding:14px;border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.subscription-order__qr{width:100%;margin:0;height:auto;border-radius:8px}
.subscription-order__copy textarea{border-color:#52647b;background:#071b34;color:#fff}
.subscription-order__copy button{background:var(--sub-gold);color:#07182e;font-weight:900}
.subscription-order__copy + .subscribe-button{margin-top:1rem}
.subscription-order__paid i{color:#42d68b}

@media(max-width:640px){
  .subscribe-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:-.25rem 0 .5rem;color:#536274;font-size:.78rem;font-weight:800;text-align:center}
  .subscribe-carousel-controls button{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid #d2dae3;border-radius:50%;background:#fff;color:#07182e;box-shadow:0 7px 18px rgba(7,24,46,.08)}
  .subscribe-plan-grid{display:flex;gap:1rem;overflow-x:auto;margin-inline:-.6rem;padding:.75rem .6rem 1.25rem;scroll-behavior:smooth;scroll-padding-inline:.6rem;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .subscribe-plan-grid::-webkit-scrollbar{height:6px}.subscribe-plan-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#c8a03f}.subscribe-plan-grid::-webkit-scrollbar-track{background:#e8edf2}
  .subscribe-plan{flex:0 0 min(84vw,340px);scroll-snap-align:center;scroll-snap-stop:always}
}
