/* Escambo — planos (07/11/2026). Mesmo padrão do rCompras: cartões neutros e a cor de cada plano só como accent
   discreto (ponto ao lado do nome, degradê leve no topo e tinta leve no botão). Recomendado: borda em tinta + selo. */
.pe-motivo{margin-top:4px}
.pe-head{margin-top:8px}
.pe-atual{margin:0 0 18px;font-size:var(--rv-text-sm);color:var(--rv-text-2)}
.pe-lista{display:grid;gap:14px;padding-top:8px}
.pe-card{
 --plan:#8A949F;position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;
 border:1px solid var(--rv-border);border-radius:var(--rv-radius-lg);
 background:linear-gradient(180deg,color-mix(in srgb,var(--plan) 12%,var(--rv-surface)) 0,var(--rv-surface) 62%);
}
.pe-card[data-tier='pro']{--plan:#5F9A80}
.pe-card[data-tier='escala']{--plan:#AD8E58}
:root:not([data-theme='light']):not([data-theme='paper']) .pe-card{--plan:#5A626C}
:root:not([data-theme='light']):not([data-theme='paper']) .pe-card[data-tier='pro']{--plan:#4E8A70}
:root:not([data-theme='light']):not([data-theme='paper']) .pe-card[data-tier='escala']{--plan:#9A7C47}
.pe-card.alvo{border-color:var(--rv-text);box-shadow:0 0 0 .5px var(--rv-text)}
.pe-popular{position:absolute;top:0;left:16px;transform:translateY(-50%);padding:4px 8px;border-radius:var(--rv-radius-xs,4px);
 background:var(--rv-text);color:var(--rv-canvas);font:600 10px/1.2 var(--rv-font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pe-topo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.pe-topo h2{display:flex;align-items:center;gap:8px;margin:0;font:650 18px/1.1 var(--rv-font-ui);color:var(--rv-text)}
.pe-topo h2::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--plan);box-shadow:0 0 0 3px color-mix(in srgb,var(--plan) 18%,transparent)}
.pe-preco{margin:0;display:flex;align-items:baseline;gap:3px;color:var(--rv-muted);font-size:13px}
.pe-preco strong{font-size:20px;color:var(--rv-text);font-weight:600}
.pe-ben{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pe-ben li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;font-size:var(--rv-text-sm);line-height:1.4;color:var(--rv-text-2)}
.pe-ben li svg{width:16px;height:16px;margin-top:1px;color:color-mix(in srgb,var(--plan) 70%,var(--rv-text-2))}
.pe-pe{margin-top:auto;padding-top:4px}
/* Botão com tinta leve da cor do plano (no recomendado um pouco mais forte); desabilitado = tracejado neutro. */
.pe-btn{background:color-mix(in srgb,var(--plan) 14%,var(--rv-raised));border:1px solid color-mix(in srgb,var(--plan) 38%,var(--rv-border));color:var(--rv-text)}
.pe-card.alvo .pe-btn:not(:disabled){background:color-mix(in srgb,var(--plan) 24%,var(--rv-raised));border-color:color-mix(in srgb,var(--plan) 55%,var(--rv-border))}
.pe-btn:disabled{background:transparent;border:1px dashed var(--rv-border);color:var(--rv-muted);opacity:1}
@media (hover:hover) and (pointer:fine){.pe-btn:not(:disabled):hover{background:color-mix(in srgb,var(--plan) 30%,var(--rv-raised));border-color:color-mix(in srgb,var(--plan) 60%,var(--rv-border))}}
.pe-btn:focus-visible{outline:2px solid var(--rv-cobalt);outline-offset:2px}
.pe-ass p{display:flex;gap:8px;align-items:center;margin:0 0 12px;font-size:var(--rv-text-sm);color:var(--rv-text-2)}
.pe-ass p svg{width:16px;height:16px;flex:0 0 16px}
.pe-fino{margin-top:18px}
/* Painel: linha do plano; com perda real (tentaram sem vaga) ganha borda de alerta. */
.plano-linha-esc{margin-top:10px}
.plano-linha-esc .lc-txt span{white-space:normal;line-height:1.4}
.plano-linha-esc.alerta{border-color:color-mix(in srgb,var(--rv-warning,#C9922E) 55%,var(--rv-border))}
/* Análise: vagas, conversão, resumo por IA */
.vagas-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vagas-card .vg{display:flex;flex-direction:column;gap:2px}
.vagas-card .vg b{font-size:20px;color:var(--rv-text)}
.vagas-card .vg span{font-size:12px;color:var(--rv-muted)}
.vagas-card .btn{grid-column:1/-1;margin-top:4px}
.conv-topo{display:flex;gap:10px;align-items:baseline}
.conv-topo b{font-size:28px;color:var(--rv-text)}
.conv-topo span{font-size:var(--rv-text-sm);color:var(--rv-text-2)}
.conv .muted.mini{margin:10px 0 0}
.conv-lista{margin-top:12px}
.conv .btn{margin-top:12px}
.resumo-ia p{margin:0 0 10px;font-size:var(--rv-text-sm);line-height:1.5;color:var(--rv-text-2)}
.resumo-ia ul{margin:0 0 10px;padding-left:18px;font-size:var(--rv-text-sm);line-height:1.5;color:var(--rv-text-2)}
.resumo-ia .mini-title{margin:12px 0 4px}
/* Lista de espera e oferta de saída */
.espera-nota{margin-top:12px}
.espera-nota > span{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.espera-lista{padding:6px 14px}
.esp-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0}
.esp-item + .esp-item{border-top:1px solid var(--rv-border-subtle,var(--rv-border))}
.esp-item .meio{display:flex;flex-direction:column;gap:2px;min-width:0}
.esp-item .meio strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oferta{display:grid;grid-template-columns:18px 1fr;gap:10px;margin-top:12px;padding:12px;border-radius:var(--rv-radius-md);background:var(--rv-sunken);font-size:var(--rv-text-sm)}
.oferta > svg{width:18px;height:18px;margin-top:1px}
.oferta p{margin:4px 0 0;color:var(--rv-text-2);line-height:1.45}
.oferta-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* Resposta do dono embaixo da avaliação */
.aval .resp-dono{margin-top:10px;padding:10px 12px;border-left:2px solid var(--rv-border-strong,var(--rv-border));background:var(--rv-sunken);border-radius:0 var(--rv-radius-sm,6px) var(--rv-radius-sm,6px) 0}
.aval .resp-dono strong{display:block;font-size:12px;color:var(--rv-text);margin-bottom:4px}
.aval .resp-dono p{margin:0;font-size:var(--rv-text-sm);color:var(--rv-text-2);line-height:1.45}
.aval .btn-resp{margin-top:8px}
/* Edição: oferta de saída */
.oferta-campos{display:grid;gap:10px}
/* Desktop: planos lado a lado, mesma altura */
@media (min-width:1024px){
 .pe-lista{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}
 .pe-head,.pe-atual,.pe-motivo{max-width:720px}
}
/* Preço com desconto vitalício, cupom */
.pe-preco s{font-size:13px;color:var(--rv-muted);margin-right:4px;text-decoration-thickness:1.5px}
.pe-cupom{margin-top:22px;display:grid;gap:10px}
.pe-cupom-linha{display:flex;gap:8px}
.pe-cupom-linha .input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.04em}
.pe-desc{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:var(--rv-text-sm);color:var(--rv-text-2)}
.pe-desc svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
/* Bolinha com número (avaliações novas) */
.com-bolinha{position:relative}
.bolinha-n{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--rv-danger,#E5484D);color:#fff;
 font:600 10px/17px var(--rv-font-mono);text-align:center;box-shadow:0 0 0 2px var(--rv-surface)}
.lc-ico.com-bolinha .bolinha-n{top:-4px;right:-6px}
.avals-linha{margin-top:10px}
/* Avaliações do dono */
.av-resumo{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}
.av-resumo > div{display:flex;align-items:center;gap:10px}
.av-resumo b{font-size:26px;color:var(--rv-text)}
.av-saas{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}
.av-meta{display:flex;align-items:center;gap:4px;margin-top:8px}
.av-meta svg{width:13px;height:13px}
.av-meta svg + *{margin-right:6px}
.aval.nova{background:color-mix(in srgb,var(--rv-cobalt) 5%,transparent)}
/* Planos centralizados no desktop: título em cima, Grátis | Pro (centro, recomendado) | Escala */
@media (min-width:1024px){
 #pl-esc{display:flex;flex-direction:column;align-items:center}
 #pl-esc > *{width:100%}
 #pl-esc .pe-head,#pl-esc .pe-atual,#pl-esc .pe-motivo{max-width:720px;text-align:center;margin-left:auto;margin-right:auto}
 #pl-esc .pe-head .lede{margin-left:auto;margin-right:auto}
 #pl-esc .pe-motivo{justify-content:center}
 #pl-esc .pe-lista{max-width:1000px;margin-left:auto;margin-right:auto;padding-top:14px}
 #pl-esc .pe-card.alvo{transform:translateY(-6px)}
 #pl-esc .pe-cupom,#pl-esc .pe-fino,#pl-esc .secao,#pl-esc .pe-ass{max-width:440px;margin-left:auto;margin-right:auto}
 #pl-esc .pe-fino{text-align:center}
}
/* Análise em cartões */
.an-resumo{display:grid;gap:14px;margin-top:4px}
.an-saude > div{display:flex;align-items:center;gap:10px;margin:2px 0}
.an-saude b{font-size:30px;color:var(--rv-text)}
.an-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid var(--rv-border-subtle,var(--rv-border))}
.an-nums div{display:flex;flex-direction:column;gap:2px;min-width:0}
.an-nums b{font-size:18px;color:var(--rv-text)}
.an-nums span{font-size:12px;color:var(--rv-muted)}
.an-grade{display:grid;gap:10px;margin-top:14px}
.an-card .lc-txt span{white-space:normal;line-height:1.4}
/* Denúncias */
.den-resumo{display:grid;gap:6px;margin-top:4px}
.den-resumo > div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.den-resumo b{font-size:24px;color:var(--rv-text)}
.den-resumo p{margin:0;line-height:1.5}
.den-lista{margin-top:12px;padding:4px 14px}
.den-item{padding:14px 0}
.den-item + .den-item{border-top:1px solid var(--rv-border-subtle,var(--rv-border))}
.den-item.nova{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--rv-cobalt) 60%,transparent);padding-left:10px;margin-left:-10px}
.den-topo{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px;color:var(--rv-text)}
.den-topo time{font-size:12px;color:var(--rv-muted);white-space:nowrap}
.den-quem{margin:4px 0 0;font-size:13px;color:var(--rv-text-2);line-height:1.45}
.den-quem code{font-family:var(--rv-font-mono);font-size:12px}
.den-relato{margin:10px 0 0;padding:10px 12px;border-left:2px solid var(--rv-border-strong,var(--rv-border));background:var(--rv-sunken);border-radius:0 6px 6px 0;font-size:var(--rv-text-sm);color:var(--rv-text);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.den-rodape{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px}
.den-prova{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--rv-text-2);flex:1 1 220px}
.den-prova svg{width:14px;height:14px;flex:0 0 14px}
@media (min-width:1024px){
 .an-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Preço sempre embaixo do nome: cartões alinhados com ou sem desconto */
.pe-topo{flex-direction:column;align-items:flex-start;gap:6px}
/* Fade preto atrás de cada camada nova (mobile; no desktop o desktop.css cuida do fundo) */
.sub-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);pointer-events:none}
:root[data-theme='light'] .sub-scrim{background:rgba(0,0,0,.32)}
section.sub > .flow-frame{position:relative}
@media (min-width:1024px){.sub-scrim{display:none}}
/* Responder avaliação: respiro entre o cartão e o campo */
.resp-card{margin-top:4px}
.resp-form{margin-top:20px}
/* Vagas: mais e menos */
.stepper{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--rv-border);border-radius:var(--rv-radius-md);background:var(--rv-sunken);width:max-content}
.st-btn{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--rv-radius-sm,6px);background:var(--rv-raised);color:var(--rv-text);cursor:pointer;touch-action:manipulation;user-select:none}
.st-btn svg{width:18px;height:18px}
.st-btn:disabled{opacity:.4;cursor:default}
.st-btn:focus-visible{outline:2px solid var(--rv-cobalt);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.st-btn:not(:disabled):hover{background:var(--rv-border)}}
.st-num{min-width:3ch;text-align:center;font-size:18px;font-weight:600;color:var(--rv-text)}
/* Oferta de saída */
.oferta-card.ativa .lc-txt strong{white-space:normal}
.oferta-card .lc-txt span{white-space:normal;line-height:1.4}
.of-dest{border:0;margin:6px 0 0;padding:0;display:grid;gap:10px}
.of-dest legend{font-size:var(--rv-text-sm);font-weight:600;color:var(--rv-text-2);margin-bottom:8px}
.of-op{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--rv-border);border-radius:var(--rv-radius-md);cursor:pointer}
.of-op input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--rv-text)}
.of-op strong{display:block;font-size:14px;color:var(--rv-text)}
.of-op small{display:block;margin-top:2px;font-size:12px;color:var(--rv-muted);line-height:1.45}
.of-op code{font-family:var(--rv-font-mono);font-size:11px}
/* Análise por IA */
.ia-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.ia-topo p{margin:0}
.ia-onda{position:relative;height:200px;margin-top:14px;border-radius:var(--rv-radius-lg);overflow:hidden}
.ia-onda .analysis{border-radius:inherit}
.ia-onda-txt{position:absolute;left:16px;bottom:14px;right:16px;display:grid;gap:2px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.ia-onda-txt span{font-size:12px;opacity:.85}
.ia-resultado{margin-top:14px}
.ia-data{margin:0 0 8px}
.ia-resumo{margin:0;font-size:16px;line-height:1.55;color:var(--rv-text)}
.ia-grade{display:grid;gap:12px;margin-top:12px}
.ia-bloco{padding:14px;border:1px solid var(--rv-border);border-radius:var(--rv-radius-lg);background:var(--rv-surface)}
.ia-bloco-t{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:600;font-size:14px;color:var(--rv-text)}
.ia-bloco-t svg{width:16px;height:16px}
.ia-bloco.forte .ia-bloco-t svg{color:var(--rv-success,#2E9E6E)}
.ia-bloco.prob .ia-bloco-t svg{color:var(--rv-warning,#C9922E)}
.ia-bloco.ped .ia-bloco-t svg{color:var(--rv-cobalt)}
.ia-bloco ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:var(--rv-text-sm);line-height:1.5;color:var(--rv-text-2)}
.ia-vazio{margin-top:14px}
.ia-hist{padding:4px 14px}
.ia-hist-i{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;width:100%;padding:12px 0;border:0;background:none;color:var(--rv-text);text-align:left;cursor:pointer;font:inherit}
.ia-hist-i + .ia-hist-i{border-top:1px solid var(--rv-border-subtle,var(--rv-border))}
.ia-hist-i small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ia-hist-i.on span{font-weight:600}
.ia-hist-i svg{width:16px;height:16px;color:var(--rv-muted)}
/* Quem avaliou */
.av-st-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.av-st-nums div{display:flex;flex-direction:column;gap:2px}
.av-st-nums b{font-size:20px;color:var(--rv-text)}
.av-st-nums span{font-size:12px;color:var(--rv-muted);line-height:1.35}
.av-st-dist{margin-top:14px}
@media (min-width:1024px){.ia-grade{grid-template-columns:repeat(3,minmax(0,1fr))}.av-st-nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Painel no mobile: um só ritmo entre todos os blocos (o desktop.css faz o mesmo no desktop) */
@media (max-width:1023px){
 #painel{display:flex;flex-direction:column;gap:14px}
 #painel > *{margin-top:0!important;margin-bottom:0!important}
 #painel > .secao{margin:0!important}
}
/* Oferta de saída: slider líquido de desconto (o mesmo do Freguês) */
.lsl-wrap{display:flex;flex-direction:column;gap:6px}
.lsl-out{align-self:center;font-size:34px;font-weight:600;line-height:1;color:var(--rv-text)}
.lsl{position:relative;height:52px;border-radius:var(--rv-radius-lg);background:var(--rv-sunken);border:1px solid var(--rv-border);touch-action:none;cursor:pointer;--p:0;overflow:visible}
.lsl:focus-visible{outline:2px solid var(--rv-cobalt);outline-offset:2px}
.lsl-fill{position:absolute;inset:0;border-radius:inherit;overflow:hidden;clip-path:inset(0 calc((1 - (0.06 + var(--p) * .94)) * 100%) 0 0 round 9px);transition:clip-path 120ms cubic-bezier(.2,.8,.2,1)}
.lsl.drag .lsl-fill,.lsl.drag .lsl-thumb{transition:none}
.lsl-fill canvas{display:block;width:100%;height:100%}
.lsl-thumb{position:absolute;top:50%;left:calc((0.06 + var(--p) * .94) * 100%);width:20px;height:calc(100% + 18px);border-radius:var(--rv-radius-md);background:#F5F7FA;box-shadow:0 0 0 3px rgba(11,11,12,.55),0 6px 14px rgba(0,0,0,.45);transform:translate(-50%,-50%);transition:left 120ms cubic-bezier(.2,.8,.2,1)}
.lsl.drag .lsl-thumb{transform:translate(-50%,-50%) scale(1.06)}
.st-txt{min-width:16ch;font-size:15px}
.of-resumo{margin:0;padding:12px 14px;border-radius:var(--rv-radius-md);background:var(--rv-sunken);font-size:var(--rv-text-sm);color:var(--rv-text)}
.movs b.neg{color:var(--rv-danger,#E5484D)}
@media (prefers-reduced-motion:reduce){.lsl-fill,.lsl-thumb{transition:none}}
/* Plano pedido pela landing (?planos=pro|escala): contorno neutro, sem glow. */
.pe-card.destaque{border-color:var(--rv-text);box-shadow:0 0 0 2px var(--rv-text)}