/* Janela de compra do Lab (partial marca.lab.partials.compra), copiada de marca-rx-lab.css para as páginas
   que não carregam o Raio-X de Site (Raio-X de Marca). Mudou lá, muda aqui. */
@keyframes rxIn{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes rxSpin{to{transform:rotate(360deg)}}
@keyframes rxPop{0%{transform:scale(.3);opacity:0}100%{transform:none;opacity:1}}
@keyframes rxDraw{to{stroke-dashoffset:0}}
@keyframes rxGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-3%,2%)}}
.rx-spin{display:none;width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#FFFFFF;animation:rxSpin .8s linear infinite;flex:none}
.rxh0{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.rxh0:hover{transform:translateY(-2px)!important}
.rxh1:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 14px 30px -12px rgba(204,6,1,.6)!important}
.rxh14:hover{background:#E2E0DB!important;transform:rotate(90deg)!important}
.rx-rs{position:fixed;left:20px;bottom:20px;z-index:90;max-width:340px;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:22px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.08),0 24px 44px -20px rgba(9,9,11,.45);animation:rxIn .7s cubic-bezier(.34,1.5,.5,1) both}
.rx-rs[hidden]{display:none}
.rx-rs-go{height:38px;padding:0 16px;border:none;border-radius:999px;background:#09090B;color:#FFFFFF;font-family:'Ubuntu',sans-serif;font-size:13px;font-weight:500;cursor:pointer}
.rx-rs-no{height:38px;padding:0 14px;border:none;border-radius:999px;background:#F1F0EE;color:#09090B;font-family:'Ubuntu',sans-serif;font-size:13px;font-weight:500;cursor:pointer}
@media (max-width:520px){.rx-rs{left:12px;right:12px;bottom:84px;max-width:none}}
.co{position:fixed;inset:0;z-index:1010;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(9,9,11,.5);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);opacity:0;pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1);overflow-y:auto}
@media (min-width:700px){.co{align-items:center;padding:clamp(16px,3vw,40px)}}
.co.on{opacity:1;pointer-events:auto}
.co-box{position:relative;width:100%;max-width:1000px;display:grid;grid-template-columns:minmax(0,1fr);border-radius:28px 28px 0 0;overflow:hidden;background:#FAFAF8;color:#09090B;box-shadow:0 60px 120px -40px rgba(9,9,11,.6),0 0 0 1px rgba(255,255,255,.08);transform:translateY(60px);transition:transform .75s cubic-bezier(.22,1,.36,1);font-family:'Ubuntu',sans-serif}
@media (min-width:700px){.co-box{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);border-radius:32px;transform:translateY(36px) scale(.97)}}
.co.on .co-box{transform:none}
.co-lado{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px;padding:clamp(22px,3vw,36px);background:#09090B;color:#F4F3F1}
.co-lado-luz{position:absolute;right:-160px;bottom:-200px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(204,6,1,.28),transparent 62%);animation:rxGlow 22s ease-in-out infinite;pointer-events:none}
.co-lado-pontos{position:absolute;left:0;top:0;width:240px;height:180px;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 70%);pointer-events:none}
.co-tot-mob{display:inline;font-size:12.5px;font-weight:500;color:#ACACB2}
@media (min-width:700px){.co-tot-mob{display:none}}
.co-orb{width:52px;height:52px;flex:none;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.co-inc{position:relative;display:none;flex-direction:column;gap:10px}
@media (min-width:700px){.co-inc{display:flex}}
.co-inc span{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:300;line-height:1.45;color:#DADADF}
.co-totais{position:relative;margin-top:auto;display:none;flex-direction:column;gap:12px;padding-top:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
@media (min-width:700px){.co-totais{display:flex}}
.co-corpo{position:relative;display:flex;flex-direction:column;gap:22px;padding:clamp(22px,3vw,36px);min-width:0}
.co-fechar{position:absolute;top:16px;right:16px;width:38px;height:38px;border:none;border-radius:50%;background:#EEEDE9;color:#09090B;cursor:pointer;font-family:inherit;font-size:18px;line-height:1;transition:background .4s,transform .5s cubic-bezier(.22,1,.36,1);z-index:2}
.co-passos{display:flex;align-items:center;gap:8px;padding-right:48px}
.co-passo-n{width:24px;height:24px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;background:#E6E4DF;color:#8A8A90;transition:background .5s,color .5s}
.co-passo-t{font-size:13px;font-weight:400;color:#8A8A90;white-space:nowrap;transition:color .5s}
.co-passo-ln{display:none;width:clamp(14px,3vw,36px);height:1px;background:#DCDAD5}
@media (min-width:700px){.co-passo-ln{display:block}}
[data-co-passo].atual .co-passo-n{background:#09090B;color:#FFFFFF}
[data-co-passo].atual .co-passo-t{font-weight:700;color:#09090B}
[data-co-passo].feito .co-passo-n{background:#13824A;color:#FFFFFF}
.co-vivo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.co-s0,.co-s1,.co-s2{animation:rxIn .55s cubic-bezier(.22,1,.36,1) both}
.co-s0{display:flex;flex-direction:column;gap:14px;margin:0}
.co-s0[hidden],.co-s1[hidden],.co-s2[hidden]{display:none}
.co-campo{display:flex;flex-direction:column;gap:6px}
.co-campo[hidden]{display:none}
.co-campo-l{display:flex;justify-content:space-between;font-size:12.5px;font-weight:500;color:#55555B}
.co-campo-h{color:#13824A;font-weight:400;transition:color .4s}
.co-campo-h.erro{color:#B07D00}
.co-campo-in{position:relative;display:flex;align-items:center;height:52px;padding:0 16px;border-radius:16px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.1);transition:box-shadow .45s cubic-bezier(.22,1,.36,1)}
.co-campo.ok .co-campo-in{box-shadow:0 0 0 1px rgba(19,130,74,.45)}
.co-campo-in input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:'Ubuntu',sans-serif;font-size:15.5px;color:#09090B}
.co-ok{width:20px;height:20px;flex:none;border-radius:50%;background:#13824A;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transform:scale(.4);transition:opacity .4s,transform .5s cubic-bezier(.34,1.5,.5,1)}
.co-campo.ok .co-ok{opacity:1;transform:none}
.co-drop{display:flex;flex-direction:column;border-radius:16px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.08)}
.co-drop>button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:none;background:transparent;font-family:'Ubuntu',sans-serif;text-align:left;color:#09090B;cursor:pointer}
.co-drop-s{font-size:12px;color:#8A8A90;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.co-drop.on .co-drop-s{transform:rotate(180deg)}
.co-drop-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}
.co-drop.on .co-drop-r{grid-template-rows:1fr}
.co-pill-in{flex:1;min-width:0;height:46px;padding:0 16px;border:none;outline:none;border-radius:999px;background:#F7F6F3;box-shadow:inset 0 0 0 1px rgba(9,9,11,.08);font-family:'Ubuntu',sans-serif;font-size:14.5px;color:#09090B;transition:box-shadow .4s,background .4s}
.co-pill-in:focus{background:#FFFFFF}
.co-cp-bt{flex:none;height:46px;padding:0 18px;border:none;border-radius:999px;background:#09090B;color:#FFFFFF;font-family:'Ubuntu',sans-serif;font-size:13.5px;font-weight:500;cursor:pointer}
.co-bt0{margin-top:6px;display:flex;justify-content:center;align-items:center;gap:10px;height:56px;border:none;border-radius:999px;background:#E6E4DF;color:#8A8A90;font-family:inherit;font-size:16px;font-weight:500;cursor:not-allowed;transition:background .5s,color .5s,transform .5s cubic-bezier(.22,1,.36,1)}
.co-bt0.ok{background:#CC0601;color:#FFFFFF;cursor:pointer}
.co-bt0.busy{background:#55555B;color:#FFFFFF;cursor:wait}
.co-s1{display:flex;flex-direction:column;gap:16px}
.co-voltar{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:#55555B}
.co-ms{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:20px;background:#EEEDE9}
.co-ms-ind{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / 2);border-radius:16px;background:#FFFFFF;box-shadow:0 6px 16px -8px rgba(9,9,11,.3);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.co-ms button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 6px;border:none;background:transparent;cursor:pointer;font-family:inherit;color:#09090B;font-weight:500}
.co-ms button.on>span:first-child{font-weight:700}
.co-pix{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:22px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06);animation:rxIn .5s cubic-bezier(.22,1,.36,1) both}
.co-pix[hidden],.co-card[hidden]{display:none}
@media (min-width:700px){.co-pix{grid-template-columns:170px minmax(0,1fr)}}
.co-qr{position:relative;aspect-ratio:1;width:100%;max-width:190px;justify-self:center;padding:10px;border-radius:16px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.08);box-sizing:border-box}
.co-qr-carregando{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.co-qr-pix{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:10px;background:#FFFFFF;box-shadow:0 0 0 3px #FFFFFF;display:flex;align-items:center;justify-content:center}
.co-px{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(229,165,0,.12);font-size:13px;font-weight:500;color:#B07D00;transition:background .5s,color .5s}
.co-px>span:first-child{width:8px;height:8px;border-radius:50%;background:currentColor;animation:rxBlink 1.6s ease-in-out infinite}
.co-px.ok{background:rgba(19,130,74,.1);color:#13824A}
.co-px.ok>span:first-child{animation:none}
.co-px.erro{background:rgba(204,6,1,.08);color:#CC0601}
.co-copia{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:#F2F1EE;min-width:0}
.co-copia>span{flex:1;min-width:0;font-size:12px;font-weight:400;color:#55555B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.co-copia button{flex:none;height:34px;padding:0 14px;border:none;border-radius:10px;background:#09090B;color:#FFFFFF;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .5s}
.co-copia button.ok{background:#13824A}
.co-card{display:flex;flex-direction:column;gap:14px;animation:rxIn .5s cubic-bezier(.22,1,.36,1) both}
.co-parc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.co-parc button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:none;border-radius:14px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.1);cursor:pointer;font-family:inherit;color:#09090B;transition:box-shadow .45s}
.co-parc button.on{box-shadow:0 0 0 2px #09090B}
.co-bt1{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:10px;height:58px;border:none;border-radius:999px;background:#CC0601;color:#FFFFFF;font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:background .5s,color .5s}
.co-bt1:disabled{background:#E6E4DF;color:#8A8A90;cursor:not-allowed}
.co-bt1.busy{background:#55555B;color:#FFFFFF;cursor:wait}
.co-bt1.busy .rx-spin{display:block;width:18px;height:18px}
.co-bt1.busy [data-co-paylk]{display:none}
.co-s2{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-top:8px}
.co-check{position:relative;width:64px;height:64px;border-radius:50%;background:#13824A;display:flex;align-items:center;justify-content:center;animation:rxPop .7s cubic-bezier(.34,1.5,.5,1) both}
.co-nx{display:flex;flex-direction:column;width:100%;border-radius:22px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06)}
.co-nx>span{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;box-shadow:inset 0 -1px 0 rgba(9,9,11,.05);animation:rxIn .55s cubic-bezier(.22,1,.36,1) both}
.co-br{display:flex;flex-direction:column;gap:10px;width:100%;padding:16px;border-radius:20px;background:#F7F6F3;box-sizing:border-box}
.co-br[hidden]{display:none}
.co-br textarea{padding:12px 14px;border:none;outline:none;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.1);font-family:'Ubuntu',sans-serif;font-size:14px;color:#09090B;resize:none}
.co-br button{align-self:flex-start;height:38px;padding:0 16px;border:none;border-radius:999px;background:#09090B;color:#FFFFFF;font-family:'Ubuntu',sans-serif;font-size:13px;font-weight:500;cursor:pointer}
.co-und{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.08);font-size:12.5px;font-weight:300;color:#55555B}
.co-ok-bt{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;background:#09090B;color:#FFFFFF!important;font-size:15px;font-weight:500}
.co-ok-volta{height:52px;padding:0 22px;border:none;border-radius:999px;background:#EEEDE9;color:#09090B;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500}
.co-sec{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:16px;box-shadow:inset 0 1px 0 rgba(9,9,11,.07)}
.co-sec[hidden]{display:none}

@media (prefers-reduced-motion:reduce){.co *{animation:none!important;transition:none!important}}

/* Boleto pelo Banco Inter (Raio-X de Marca, pacote Inovaccio14): terceira aba da janela */
.co-ms.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.co-ms.tres .co-ms-ind{width:calc((100% - 8px) / 3)}
.co-bol{display:flex;flex-direction:column;gap:12px;animation:rxIn .5s cubic-bezier(.22,1,.36,1) both}
.co-bol[hidden],.co-bol-ok[hidden],.co-bol-f[hidden]{display:none}
.co-bol-f{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}
.co-bol-ok{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06)}
.co-bol-pdf{align-self:flex-start;font-size:13px;font-weight:500;color:#09090B!important;text-decoration:underline;text-underline-offset:3px}

/* Aceite dos termos (assinaturas e Gestão), usado por public/js/marca/co-central.js. */
.co-aceite{display:flex;align-items:flex-start;gap:10px;padding:4px 2px;border:none;background:none;font-family:'Ubuntu',sans-serif;text-align:left;font-size:12.5px;font-weight:300;line-height:1.45;color:#55555B;cursor:pointer}
.co-aceite a{text-decoration:underline;text-underline-offset:2px}
.co-aceite-box{flex:none;width:18px;height:18px;border-radius:6px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(9,9,11,.25);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:11px;transition:background .35s,box-shadow .35s}
.co-aceite[aria-pressed=true] .co-aceite-box{background:#09090B;box-shadow:inset 0 0 0 1.5px #09090B}
.co-aceite[aria-pressed=true] .co-aceite-box::after{content:'✓'}
.co-aceite.erro .co-aceite-box{box-shadow:inset 0 0 0 1.5px #CC0601}
.co-passos[hidden],.co-aceite[hidden],.co-drop[hidden]{display:none}
/* Total grande nunca quebra em duas linhas (o texto pequeno ao lado é que quebra). */
.co-totais [data-co-v]{white-space:nowrap}
.co-totais [data-co-inst]{min-width:0}
