/* Cadastro público. Valores do layout: blogou/source/Blogou Onboarding.dc.html */
html{color-scheme:light}
body{margin:0;background:#0F0D16;color:#1C1C1C;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:#1C1C1C;text-decoration:none}
a:hover{color:#F59300}
input,textarea,button{font-family:Manrope,system-ui,sans-serif}
button{color:#1C1C1C}
input:focus,textarea:focus{outline:none;border-color:rgba(108,76,245,.6)!important;box-shadow:0 0 0 4px rgba(108,76,245,.16)!important}
input::placeholder,textarea::placeholder{color:rgba(28,28,28,.34)}
.cta-arrow{transition:transform .3s cubic-bezier(.2,.75,.2,1)}
button:hover .cta-arrow,a:hover .cta-arrow{transform:rotate(45deg)}
.oculto{display:none!important}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(38px,-30px) scale(1.14)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes popIn{0%{opacity:0;transform:scale(.86)}60%{transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulseRing{0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes shimmer{0%{background-position:-260px 0}100%{background-position:340px 0}}
@keyframes glowPulse{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.ob{position:relative;min-height:100vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));background:#0F0D16;overflow:clip}
.ob-esq{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(26px,4vw,40px);padding:clamp(26px,3.6vw,38px) clamp(22px,4.2vw,46px) clamp(28px,3.8vw,42px);overflow:clip;background:linear-gradient(165deg,#151125,#241B3E 55%,#3A1F4D)}
.ob-glow{position:absolute;border-radius:50%;pointer-events:none}
.ob-glow.a{top:-180px;left:-140px;width:580px;height:580px;background:radial-gradient(circle,rgba(108,76,245,.55),rgba(108,76,245,0) 68%);filter:blur(52px);animation:drift 18s ease-in-out infinite}
.ob-glow.b{bottom:-220px;right:-150px;width:540px;height:540px;background:radial-gradient(circle,rgba(255,153,0,.4),rgba(255,153,0,0) 70%);filter:blur(52px);animation:drift 25s ease-in-out infinite reverse}
.ob-glow.c{top:38%;left:52%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,214,176,.28),rgba(0,214,176,0) 70%);filter:blur(50px);animation:glowPulse 7s ease-in-out infinite}
.ob-glow.d{top:-240px;right:-190px;width:640px;height:640px;background:radial-gradient(circle,rgba(108,76,245,.24),rgba(108,76,245,0) 68%);filter:blur(60px)}
.ob-glow.e{bottom:-260px;left:-170px;width:560px;height:560px;background:radial-gradient(circle,rgba(255,153,0,.26),rgba(255,153,0,0) 70%);filter:blur(60px)}
.ob-esq-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ob-esq-top a{display:inline-flex;align-items:center;gap:10px;font:500 13.5px Manrope,sans-serif;color:rgba(255,255,255,.6)}
.ob-esq-top a i{font-size:14px}
.ob-trial{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font:700 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C9BBFF}
.ob-esq-meio{position:relative;max-width:470px}
.ob-fav{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}
.ob-esq-meio h1{margin:24px 0 0;font:600 clamp(28px,3.2vw,40px)/1.12 Sora,sans-serif;letter-spacing:-.032em;color:#fff;text-wrap:balance}
.ob-esq-meio>p{margin:14px 0 0;font:400 15.5px/1.6 Manrope,sans-serif;color:rgba(255,255,255,.62);text-wrap:pretty}
.ob-trilha{display:flex;flex-direction:column;gap:2px;margin:34px 0 0;padding:0;list-style:none}
.ob-trilha li{display:flex;align-items:flex-start;gap:14px}
.ob-col{display:flex;flex-direction:column;align-items:center;align-self:stretch}
.ob-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box;flex:none;border-radius:50%;transition:all .3s;background:rgba(255,255,255,.09);color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.14)}
.ob-dot i{font-size:14px}
.ob-traco{flex:1;width:2px;min-height:14px;border-radius:2px;background:rgba(255,255,255,.12)}
.ob-trilha li:last-child .ob-traco{display:none}
.ob-trilha b{display:block;font:600 14.5px Sora,sans-serif;letter-spacing:-.02em;transition:color .3s;color:rgba(255,255,255,.5)}
.ob-trilha small{display:block;margin-top:2px;font:400 12.5px Manrope,sans-serif;color:rgba(255,255,255,.42)}
.ob-txt{padding-bottom:14px}
li.feito .ob-dot{background:#00BEA0;color:#0F2E28;border:none;box-shadow:0 0 0 4px rgba(0,190,160,.16)}
li.feito .ob-traco{background:rgba(0,190,160,.55)}
li.feito b{color:rgba(255,255,255,.8)}
li.agora .ob-dot{background:linear-gradient(135deg,#6C4CF5,#9B6BFF);color:#fff;border:none;box-shadow:0 0 0 5px rgba(108,76,245,.22)}
li.agora b{color:#fff}
.ob-progresso{position:relative;max-width:470px}
.ob-progresso>div:first-child{display:flex;align-items:center;justify-content:space-between;font:600 11.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ob-progresso b{color:#fff;font-weight:600}
.ob-barra{margin-top:10px;height:7px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.ob-barra i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#6C4CF5,#FF9900);transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ob-dir{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(26px,4vw,44px) clamp(16px,3.2vw,30px);overflow:clip;background:#FBFAF8}
#confete{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}
.ob-card{position:relative;box-sizing:border-box;width:100%;max-width:520px;padding:clamp(24px,3.2vw,34px) clamp(20px,3.2vw,34px) clamp(22px,3vw,30px);border-radius:28px;background:rgba(255,255,255,.74);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.92);box-shadow:0 44px 96px -46px rgba(20,14,40,.5),inset 0 1px 0 #fff}
.ob-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ob-card-top img{height:24px;width:auto;display:block}
.ob-card-top span{font:600 12px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6C4CF5}
.ob-etapa{animation:fadeUp .45s cubic-bezier(.2,.7,.2,1) both}
.ob-etapa h2{margin:22px 0 0;font:600 26px/1.18 Sora,sans-serif;letter-spacing:-.03em}
.ob-sub{margin:8px 0 0;font:400 14.5px/1.55 Manrope,sans-serif;color:rgba(28,28,28,.58)}
.ob-campos{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.ob-etapa label:not(.ob-drop):not(.ob-favicon){display:block;font:600 12.5px Manrope,sans-serif;color:rgba(28,28,28,.7)}
.ob-etapa label span{font-weight:500;color:rgba(28,28,28,.45)}
.ob-input{position:relative;margin-top:7px}
.ob-input>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:rgba(28,28,28,.35)}
.ob-input input{width:100%;box-sizing:border-box;padding:14px 14px 14px 42px;border-radius:14px;border:1px solid rgba(28,28,28,.13);background:rgba(255,255,255,.9);font:500 14.5px Manrope,sans-serif;transition:border-color .2s,box-shadow .2s}
.ob-input input.com-olho{padding-right:44px}
.ob-solto{width:100%;box-sizing:border-box;margin-top:7px;padding:14px;border-radius:14px;border:1px solid rgba(28,28,28,.13);background:rgba(255,255,255,.9);font:500 14.5px/1.5 Manrope,sans-serif;resize:vertical;transition:border-color .2s,box-shadow .2s}
.ob-olho{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:rgba(28,28,28,.45);cursor:pointer}
.ob-olho:hover{background:rgba(28,28,28,.06)}
.ob-olho i{font-size:18px}
.ob-isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ob-legal{margin:14px 0 0;font:400 11.5px/1.5 Manrope,sans-serif;color:rgba(28,28,28,.45)}
.ob-legal a{color:inherit;text-decoration:underline}
.ob-opcoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin-top:22px}
.ob-opcao{display:block;padding:20px 18px;border-radius:20px;cursor:pointer;text-align:left;transition:all .25s;background:rgba(255,255,255,.82);border:1.5px solid rgba(28,28,28,.1);box-shadow:0 14px 34px -32px rgba(28,28,28,.7)}
.ob-opcao.on{background:rgba(108,76,245,.07);border-color:rgba(108,76,245,.55);box-shadow:0 20px 44px -30px rgba(108,76,245,.9)}
.ob-opcao i{font-size:30px}
.ob-opcao b{display:block;margin-top:12px;font:600 15.5px Sora,sans-serif;letter-spacing:-.02em}
.ob-opcao span{display:block;margin-top:5px;font:400 13px/1.45 Manrope,sans-serif;color:rgba(28,28,28,.55)}
.ob-revela{margin-top:20px;animation:fadeUp .4s ease both}
#bDescricao{margin-top:14px}
.ob-seguro{display:flex;align-items:center;gap:8px;margin-top:10px;font:500 12.5px Manrope,sans-serif;color:#0A8C77}
.ob-seguro i{font-size:15px}
.ob-gira{display:flex;align-items:center;gap:14px;margin-top:28px}
.ob-spin{position:relative;width:44px;height:44px;flex:none}
.ob-spin .anel{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(108,76,245,.4);animation:pulseRing 1.8s ease-out infinite}
.ob-spin .roda{position:absolute;inset:0;border-radius:50%;border:2.5px solid rgba(108,76,245,.2);border-top-color:#6C4CF5;animation:spin .9s linear infinite}
.ob-spin .ph-sparkle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:#6C4CF5}
.ob-gira b{display:block;font:600 15px Sora,sans-serif;letter-spacing:-.02em}
.ob-gira span{display:block;margin-top:3px;font:400 13px Manrope,sans-serif;color:rgba(28,28,28,.55)}
.ob-carga{margin-top:20px;height:8px;border-radius:999px;background:rgba(28,28,28,.08);overflow:hidden}
.ob-carga i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#6C4CF5,#9B6BFF);transition:width .2s linear}
.ob-carga.roxa{margin-top:12px;height:7px;background:rgba(108,76,245,.14)}
.ob-carga.roxa i{background:linear-gradient(90deg,#6C4CF5,#FF9900)}
.ob-sk{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.ob-sk i{display:block;height:56px;border-radius:14px;background:linear-gradient(90deg,rgba(28,28,28,.05) 0%,rgba(28,28,28,.1) 40%,rgba(28,28,28,.05) 80%);background-size:600px 100%;animation:shimmer 1.3s linear infinite}
.ob-sk i:nth-child(2){animation-delay:.15s}
.ob-sk i:nth-child(3){animation-delay:.3s}
.ob-pautas{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.ob-pauta{display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;padding:14px 15px;border-radius:16px;cursor:pointer;text-align:left;transition:all .22s;background:rgba(255,255,255,.82);border:1px solid rgba(28,28,28,.1)}
.ob-pauta.on{background:rgba(108,76,245,.08);border-color:rgba(108,76,245,.45);box-shadow:0 14px 34px -26px rgba(108,76,245,.9)}
.ob-marcar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;margin-top:2px;padding:0;border:none;border-radius:7px;cursor:pointer;transition:all .22s;background:rgba(28,28,28,.06);color:transparent}
.ob-pauta.on .ob-marcar{background:#6C4CF5;color:#fff}
.ob-marcar i{font-size:12px}
.ob-pauta-txt{flex:1;min-width:0}
.ob-pauta-txt b{display:block;font:600 14.5px/1.35 Sora,sans-serif;letter-spacing:-.02em;color:#1C1C1C;word-break:break-word}
.ob-kw{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:999px;background:rgba(108,76,245,.1);color:#5B45C7;font:500 12px Manrope,sans-serif}
.ob-lapis{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:rgba(28,28,28,.4);cursor:pointer}
.ob-lapis:hover{background:#6C4CF5;color:#fff}
.ob-pauta textarea,.ob-pauta input{box-sizing:border-box;width:100%;margin-top:6px;padding:9px 11px;border:1px solid rgba(28,28,28,.13);border-radius:10px;background:#fff;font:500 13.5px/1.4 Manrope,sans-serif;resize:vertical}
.ob-pauta textarea{margin-top:0}
.ob-feito{margin-top:8px;padding:6px 14px;border:0;border-radius:8px;background:#6C4CF5;color:#fff;font:700 12.5px Manrope,sans-serif;cursor:pointer}
.ob-rodape3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font:500 13px Manrope,sans-serif;color:rgba(28,28,28,.55)}
.ob-rodape3 button{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid rgba(28,28,28,.12);background:rgba(255,255,255,.8);font:600 12.5px Manrope,sans-serif;color:#1C1C1C;cursor:pointer}
.ob-rodape3 button:hover{border-color:rgba(108,76,245,.5);color:#5B45C7}
.ob-rodape3 i{font-size:13px}
.ob-aviso{margin:20px 0 0;padding:13px 15px;border-radius:14px;background:rgba(255,153,0,.1);border:1px solid rgba(255,153,0,.28);font:500 13.5px/1.5 Manrope,sans-serif;color:#8A5500}
.ob-drop{display:block;width:100%;box-sizing:border-box;margin-top:22px;padding:26px 20px;border-radius:20px;cursor:pointer;text-align:center;transition:all .25s;background:rgba(255,255,255,.7);border:1.5px dashed rgba(28,28,28,.18)}
.ob-drop.on,.ob-drop.sobre{background:rgba(108,76,245,.06);border-color:rgba(108,76,245,.5)}
.ob-drop input{position:absolute;width:1px;height:1px;opacity:0}
.ob-drop>span:first-of-type{display:block}
.ob-drop>span>i{font-size:30px;color:#6C4CF5}
.ob-drop img{display:block;max-width:100%;max-height:70px;margin:0 auto}
.ob-drop b{display:block;margin-top:10px;font:600 14.5px Sora,sans-serif;letter-spacing:-.02em;word-break:break-word}
.ob-drop .dica{display:block;margin-top:4px;font:400 12.5px Manrope,sans-serif;color:rgba(28,28,28,.5)}
.ob-semlogo{display:block;margin:10px auto 0;padding:0;border:0;background:none;font:600 12.5px Manrope,sans-serif;color:#5B45C7;text-decoration:underline;cursor:pointer}
.ob-lendo{margin-top:20px;padding:18px;border-radius:18px;background:rgba(108,76,245,.07);border:1px solid rgba(108,76,245,.18);animation:fadeUp .4s ease both}
.ob-lendo>div:first-child{display:flex;align-items:center;gap:11px;font:600 13.5px Manrope,sans-serif;color:#5B45C7}
.ob-marca{margin-top:20px;animation:popIn .5s cubic-bezier(.2,.7,.2,1) both}
.ob-tit{margin-top:20px;font:600 12px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:rgba(28,28,28,.45)}
.ob-tit:first-child{margin-top:0}
.ob-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px}
.ob-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:14px;cursor:pointer;font:600 12.5px Manrope,sans-serif;transition:all .2s;background:rgba(255,255,255,.85);border:1px solid rgba(28,28,28,.1);color:#1C1C1C}
.ob-chip.on{background:rgba(108,76,245,.08);border-color:rgba(108,76,245,.5)}
.ob-chip s{display:flex;gap:4px;text-decoration:none}
.ob-chip s i{width:14px;height:14px;border-radius:5px;border:1px solid rgba(0,0,0,.08)}
.ob-chips select{padding:9px 12px;border-radius:14px;border:1px solid rgba(28,28,28,.1);background:rgba(255,255,255,.85);font:600 12.5px Manrope,sans-serif;color:#1C1C1C}
.ob-previa{margin-top:20px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(28,28,28,.09);box-shadow:0 18px 40px -34px rgba(28,28,28,.6)}
.ob-previa-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 13px Manrope,sans-serif}
.ob-previa-top em{padding:3px 9px;border-radius:999px;font:700 10px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ob-previa-tit{margin-top:12px;font:600 17px/1.28 Sora,sans-serif;letter-spacing:-.02em}
.ob-previa-meta{margin-top:6px;font:400 12.5px/1.5 Manrope,sans-serif;color:rgba(28,28,28,.55)}
.ob-previa-btn{display:inline-block;margin-top:14px;padding:9px 16px;border-radius:999px;font:700 12.5px Manrope,sans-serif}
.ob-favicon{display:flex;align-items:center;gap:8px;margin-top:14px;font:500 12.5px Manrope,sans-serif;color:rgba(28,28,28,.55);cursor:pointer}
.ob-favicon input{position:absolute;width:1px;height:1px;opacity:0}
.ob-favicon i{font-size:15px;color:#C97900}

.ob-etapa[data-etapa="5"]{animation:popIn .55s cubic-bezier(.2,.7,.2,1) both;text-align:center}
.ob-ok{position:relative;display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;margin-top:20px;border-radius:50%;background:linear-gradient(135deg,#6C4CF5,#9B6BFF);box-shadow:0 22px 46px -18px rgba(108,76,245,.8)}
.ob-ok .anel{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(108,76,245,.5);animation:pulseRing 2s ease-out infinite}
.ob-ok .ph-check{font-size:34px;color:#fff}
.ob-etapa h2.grande{font-size:30px;line-height:1.15}
.ob-sub5{margin:10px auto 0;max-width:400px;font:400 15px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.6)}
.ob-frame{margin-top:24px;padding:10px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:0 26px 60px -40px rgba(28,28,28,.55);text-align:left}
.ob-frame-top{display:flex;align-items:center;gap:7px;padding:2px 4px 9px}
.ob-frame-top span{width:8px;height:8px;border-radius:50%;background:rgba(28,28,28,.14)}
.ob-frame-top span:first-child{background:#6C4CF5}
.ob-frame-top em{margin-left:6px;font:500 11px ui-monospace,Menlo,monospace;color:rgba(28,28,28,.42);word-break:break-all}
.ob-tl{border-radius:14px;background:#fff;padding:4px 14px}
.ob-tl-l{display:flex;gap:11px;align-items:center;padding:10px 0;border-top:1px solid rgba(28,28,28,.06)}
.ob-tl-l:first-child{border-top:0}
.ob-tl-ic{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(28,28,28,.05);color:rgba(28,28,28,.4);font-size:13px}
.ob-tl-ic.gerando{background:rgba(108,76,245,.12);color:#6C4CF5}
.ob-tl-ic.feito{background:rgba(0,190,160,.14);color:#0A8C77}
.ob-tl-ic.erro{background:rgba(180,51,43,.1);color:#B4332B}
.ob-tl-ic u{display:block;width:13px;height:13px;border:2px solid rgba(108,76,245,.25);border-top-color:#6C4CF5;border-radius:50%;animation:spin .8s linear infinite}
.ob-tl-t{min-width:0;font:600 13px/1.35 Manrope,sans-serif;color:#1C1C1C;word-break:break-word}
.ob-tl-t small{display:block;margin-top:2px;font:500 11.5px Manrope,sans-serif;color:rgba(28,28,28,.5)}
.ob-tl-t a{color:#5B45C7;font-weight:700}
.ob-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.ob-stats div{padding:14px 12px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9)}
.ob-stats b{display:block;font:600 20px Sora,sans-serif;letter-spacing:-.03em}
.ob-stats span{display:block;margin-top:2px;font:400 11.5px Manrope,sans-serif;color:rgba(28,28,28,.55)}
.ob-fim-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.ob-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border:none;border-radius:999px;background:linear-gradient(135deg,#6C4CF5,#8A5CFF);color:#fff;font:700 15px Manrope,sans-serif;cursor:pointer;box-shadow:0 18px 40px -16px rgba(108,76,245,.85);transition:all .22s}
.ob-btn i{font-size:15px}
.ob-btn:hover{transform:translateY(-2px)}
.ob-btn[disabled]{background:rgba(28,28,28,.08);color:rgba(28,28,28,.35);cursor:not-allowed;box-shadow:none;transform:none}
.ob-btn2{display:inline-flex;align-items:center;gap:9px;padding:15px 22px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(28,28,28,.12);font:600 15px Manrope,sans-serif;color:#1C1C1C}
.ob-btn2:hover{background:#fff;color:#1C1C1C}
.ob-nav{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(28,28,28,.08)}
.ob-nav>div{flex:1}
.ob-voltar{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;font:600 14.5px Manrope,sans-serif;cursor:pointer;transition:all .2s;background:transparent;border:1px solid rgba(28,28,28,.12);color:#1C1C1C}
.ob-voltar i{font-size:14px}
.ob-voltar[disabled]{color:rgba(28,28,28,.3);cursor:default}
.ob-erro{display:none;margin:12px 0 0;font:600 13px/1.45 Manrope,sans-serif;color:#B4332B}

/* Celular e tablet: o formulário vem primeiro. Empilhado, o painel escuro ocupava a tela
   inteira e a pessoa rolava antes de começar. Acima de 880px nada muda. */
@media (max-width:880px){
  .ob-esq{gap:12px;padding:14px 18px 16px}
  .ob-fav,.ob-esq-meio>p,.ob-trilha,.ob-glow.c{display:none}
  .ob-esq-meio h1{margin:0;font-size:20px}
  .ob-progresso>div:first-child{font-size:10.5px}
  .ob-barra{margin-top:6px;height:5px}
  .ob-dir{align-items:flex-start;padding:16px 12px 28px}
  .ob-card{padding:20px 18px}
  .ob-nav{flex-wrap:wrap}
  .ob-nav>div{flex:1 1 0;min-width:0}
}
@media (max-width:380px){
  .ob-voltar{padding:12px 14px;font-size:13.5px}
  .ob-btn{padding:13px 18px;font-size:14px}
  .ob-stats{gap:6px}
  .ob-stats div{padding:12px 8px}
}