/* ONBOARDING + PAYWALL — slides de cadastro e tela de plano pago. */

/* ONBOARDING */
.ob-slide{display:none;flex-direction:column;min-height:100vh;padding:60px 32px 48px;}
.ob-slide.active{display:flex;animation:fadeUp 0.35s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.ob-logo{text-align:center;margin-bottom:40px;}
.logo-text{font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:0.12em;color:var(--accent);}
.logo-tag{font-size:var(--font-size-sm);letter-spacing:0.28em;text-transform:uppercase;color:var(--text-dim);margin-top:5px;}
.ob-icon{font-size:52px;text-align:center;margin-bottom:18px;}
.ob-q{font-family:var(--font-heading);font-size:28px;font-weight:400;text-align:center;line-height:1.3;margin-bottom:10px;}
.ob-sub{font-size:var(--font-size-base);color:var(--text-muted);text-align:center;line-height:1.65;margin-bottom:32px;}
.ob-spacer{flex:1;}
.ob-dots{display:flex;justify-content:center;gap:6px;margin-bottom:20px;}
.ob-dot{width:6px;height:6px;border-radius:3px;background:var(--text-dim);transition:all 0.3s;}
.ob-dot.active{width:20px;background:var(--accent);}
.btn-gold{width:100%;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid1) 33%,var(--gradient-mid2) 66%,var(--gradient-end) 100%);border:none;border-radius:14px;padding:17px;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:500;color:var(--color-white);cursor:pointer;letter-spacing:0.02em;transition:opacity 0.2s,transform 0.15s ease-out;}
.btn-gold:active{transform:scale(0.97);}
.btn-gold:disabled{opacity:0.25;cursor:not-allowed;}
.btn-skip{background:none;border:none;color:var(--text-dim);font-size:var(--font-size-base);font-family:var(--font-body);cursor:pointer;padding:12px;display:block;margin:8px auto 0;}
.ob-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:17px 18px;font-family:var(--font-body);font-size:17px;font-weight:300;color:var(--text);outline:none;-webkit-appearance:none;transition:border-color 0.2s;}
.ob-input:focus{border-color:var(--accent);}
.ob-input::placeholder{color:var(--text-dim);}
select.ob-input{cursor:pointer;}
select.ob-input option{background:var(--color-select-option-bg);}
.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ob-option{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 12px;text-align:center;cursor:pointer;transition:all 0.2s;font-size:var(--font-size-body);color:var(--text-muted);}
.ob-option.selected{background:var(--accent-dim);border-color:rgba(var(--accent-rgb),0.5);color:var(--accent);}
.ob-option .oi{font-size:28px;display:block;margin-bottom:8px;}
.aths-box{background:var(--surface);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:16px;padding:20px;margin-top:4px;}
.aths-step{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;}
.aths-step:last-child{margin-bottom:0;}
.aths-num{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(var(--accent-rgb),0.3);color:var(--accent);font-size:var(--font-size-md);font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.aths-text{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.55;}
.aths-text strong{color:var(--text);font-weight:400;}

/* PAYWALL */
.pw-hero{padding:56px 28px 24px;text-align:center;}
.pw-logo{font-family:var(--font-heading);font-size:var(--font-size-xl);letter-spacing:0.12em;color:var(--accent);margin-bottom:18px;}
.pw-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:400;line-height:1.25;margin-bottom:10px;}
.pw-sub{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6;}
.pw-features{padding:0 20px 20px;display:flex;flex-direction:column;gap:10px;}
.pw-feat{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--cosmic-purple);border-radius:12px;padding:14px 16px;}
.pw-feat-icon{font-size:20px;flex-shrink:0;}
.pw-feat-text{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.4;}
.pw-feat-text strong{color:var(--text);font-weight:400;}
.pw-plans{padding:0 20px;display:grid;grid-template-columns:minmax(0,220px);justify-content:center;gap:10px;margin-bottom:18px;}
.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 10px;text-align:center;cursor:pointer;transition:all 0.2s;position:relative;}
.plan-card.selected{border-color:var(--accent);background:var(--accent-dim);}
.plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid1) 33%,var(--gradient-mid2) 66%,var(--gradient-end) 100%);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;}
.plan-period{font-size:var(--font-size-md);font-weight:500;color:var(--text);margin-bottom:4px;}
.plan-price{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--accent);}
.plan-unit{font-size:var(--font-size-xs);color:var(--text-dim);margin-top:2px;}
.pw-cta{padding:0 20px 10px;}
.pw-legal{text-align:center;font-size:var(--font-size-sm);color:var(--text-dim);padding:0 20px 12px;line-height:1.6;}
.pw-legal a{color:var(--text-dim);text-decoration:underline;}
.pw-free-link{text-align:center;padding:0 20px 32px;}
.pw-free-link button{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:var(--font-size-base);cursor:pointer;text-decoration:underline;}