/* EMÉRITO · grupo 3: retorno de orçamento, resgate da base, treino da
   recepção e como contratar (23/09/2026). Só o que a biblioteca comum não tem. */

/* ---------- palco centralizado pra mock logo abaixo do topo ---------- */
.palco-mock{max-width:760px;margin:-10px auto 0;padding:0 24px;animation:cresce-sobe 1.2s .3s var(--curva) both}
.palco-mock .resgate{box-shadow:0 40px 120px -40px rgba(240,86,31,.35)}

/* ---------- fluxograma (retorno de orçamento) ---------- */
.fluxo{border:1px solid var(--linha);border-radius:24px;background:radial-gradient(60% 80% at 50% 0%,rgba(240,86,31,.08),transparent 70%),#050505;padding:clamp(20px,3vw,40px)}
.fluxo-trilho{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}
.fluxo-no{position:relative;border:1px solid var(--linha-forte);border-radius:16px;background:#0b0b0c;padding:16px 18px;margin:0 22px}
.fluxo-no b{display:block;color:#fff;font-weight:500;font-size:.98rem}
.fluxo-no span{display:block;margin-top:4px;color:var(--tinta-2);font-size:.86rem;line-height:1.5}
.fluxo-no .etq{display:inline-block;margin-bottom:10px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.fluxo-no.pergunta{border-color:rgba(240,86,31,.5);box-shadow:0 0 30px -10px rgba(240,86,31,.6)}
.fluxo-trilho .fluxo-no:not(:last-child)::after{
  content:'';position:absolute;top:50%;right:-45px;width:44px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.1));
}
.fluxo-ramos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px;position:relative}
.fluxo-ramos::before{content:'';position:absolute;top:-20px;left:25%;right:16.6%;height:20px;border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:14px 14px 0 0}
.fluxo-ramos::after{content:'';position:absolute;top:-40px;left:83.4%;width:1px;height:20px;background:rgba(240,86,31,.6)}
.fluxo-ramo{border:1px solid var(--linha);border-radius:18px;padding:18px;background:#080809}
.fluxo-ramo > p{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.fluxo-ramo.sim > p{color:#46fea5}
.fluxo-ramo.nao > p{color:var(--laranja-escuro)}
.fluxo-ramo ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fluxo-ramo li{display:flex;gap:10px;align-items:flex-start;color:var(--tinta-2);font-size:.92rem;line-height:1.5}
.fluxo-ramo li::before{content:'';flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.fluxo-ramo.sim li::before{background:#46fea5;box-shadow:0 0 10px rgba(70,254,165,.6)}
.fluxo-ramo.nao li:last-child::before{background:var(--laranja);box-shadow:0 0 10px rgba(240,86,31,.8)}
.fluxo-ramo li b{color:#fff;font-weight:500}
.fluxo .nota-demo{text-align:center}
@media(max-width:860px){
  .fluxo-trilho{grid-template-columns:minmax(0,1fr);gap:26px}
  .fluxo-no{margin:0}
  .fluxo-trilho .fluxo-no:not(:last-child)::after{top:auto;bottom:-27px;right:auto;left:50%;width:1px;height:26px;background:rgba(255,255,255,.25)}
  .fluxo-ramos{grid-template-columns:minmax(0,1fr);margin-top:26px}
  .fluxo-ramos::before{display:none}
  .fluxo-ramos::after{top:-26px;height:26px;left:50%}
}

/* ---------- mensagem de retorno (mock de conversa) ---------- */
.msg-mock{border:1px solid var(--linha);border-radius:18px;background:var(--zap-fundo);padding:18px;display:grid;gap:10px;align-content:start}
.msg-mock .msg-topo{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:4px}
.msg-mock .msg-topo i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.8rem;font-weight:600;background:#1f2c33;color:#d1d7db}
.msg-mock .msg-topo b{font-weight:500;color:#e9edef;font-size:.9rem}
.msg-mock .msg-topo span{margin-left:auto;font-size:.8rem;color:#8696a0}
.bolha{max-width:88%;padding:9px 12px 8px;border-radius:10px;font-size:.9rem;line-height:1.5;color:#e9edef;background:#1f2c33}
.bolha.sai{justify-self:end;background:var(--zap-bolha)}
.bolha small{display:block;text-align:right;font-size:.8rem;color:rgba(233,237,239,.6);margin-top:2px}
.bolha.sistema{justify-self:center;background:rgba(255,255,255,.05);color:#8696a0;font-size:.8rem;border-radius:8px;padding:5px 10px}

/* ---------- roteiro da recepção ---------- */
.roteiro{display:grid;gap:14px}
.roteiro-linha{border:1px solid var(--linha);border-radius:16px;padding:16px 18px;background:#080809}
.roteiro-linha > p:first-child{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:8px}
.roteiro-linha p{color:var(--tinta-2);line-height:1.6;font-size:.95rem}
.roteiro-linha.fala-certa{border-color:rgba(70,254,165,.25);background:rgba(70,254,165,.03)}
.roteiro-linha.fala-certa > p:first-child{color:#46fea5}
.roteiro-linha.fala-errada > p:first-child{color:var(--laranja-escuro)}
.roteiro-linha q{quotes:"\201C" "\201D";color:#f0f0f0;font-family:var(--serifa);font-size:1.25rem;line-height:1.35;display:block}

/* ---------- divisa: o que a garantia cobre x o que é da clínica ---------- */
.divisa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.divisa > div{border:1px solid var(--linha);border-radius:22px;padding:clamp(22px,3vw,34px);background:linear-gradient(180deg,#0a0a0b,#030303)}
.divisa > div.minha{border-color:rgba(240,86,31,.35);background:radial-gradient(80% 90% at 0% 0%,rgba(240,86,31,.1),transparent 60%),#050505}
.divisa .mini{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:12px}
.divisa h3{font-size:1.35rem;margin-bottom:14px}
.divisa ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.divisa li{color:var(--tinta-2);line-height:1.55;padding-left:18px;position:relative}
.divisa li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}
.divisa .minha li::before{background:var(--laranja)}
.divisa .rodape-divisa{margin-top:18px;padding-top:16px;border-top:1px solid var(--linha);color:#f0f0f0;font-size:.95rem;line-height:1.55}
@media(max-width:760px){.divisa{grid-template-columns:minmax(0,1fr)}}

/* ---------- garantia por extenso ---------- */
.garantia-bloco{position:relative;max-width:920px;margin:0 auto;border-radius:28px;padding:1px;background:linear-gradient(140deg,rgba(240,86,31,.7),rgba(255,255,255,.08) 40%,rgba(255,255,255,.04) 70%,rgba(240,86,31,.4))}
.garantia-dentro{border-radius:27px;background:radial-gradient(70% 60% at 50% 0%,rgba(240,86,31,.12),transparent 70%),#050505;padding:clamp(26px,5vw,56px)}
.garantia-frase{font-family:var(--serifa);font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;color:#fff;text-align:center;text-wrap:balance}
.garantia-frase span{color:var(--tinta-3)}
.garantia-sub{text-align:center;color:var(--tinta-2);margin:18px auto 0;max-width:620px;line-height:1.6}
.criterios{list-style:none;counter-reset:c;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.criterios li{counter-increment:c;border:1px solid var(--linha);border-radius:16px;padding:18px 18px 18px 62px;position:relative;background:#09090a;color:#f0f0f0;line-height:1.5}
.criterios li::before{content:counter(c);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--serifa);font-size:1.1rem;color:var(--laranja-escuro);border:1px solid rgba(240,86,31,.5)}
.criterios li span{display:block;color:var(--tinta-3);font-size:.86rem;margin-top:4px}
.garantia-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.garantia-tres > div{border:1px solid var(--linha);border-radius:16px;padding:18px;background:#070707}
.garantia-tres h3{font-size:1rem;margin-bottom:8px}
.garantia-tres p,.garantia-tres li{color:var(--tinta-2);font-size:.92rem;line-height:1.55}
.garantia-tres ul{margin:0;padding-left:18px}
.garantia-tres .forte{border-color:rgba(240,86,31,.4)}
.garantia-tres .forte h3{color:var(--laranja-escuro)}
.garantia-relogio{margin-top:22px;text-align:center;font-size:.9rem;color:var(--tinta-3)}
@media(max-width:820px){.criterios,.garantia-tres{grid-template-columns:minmax(0,1fr)}}

/* ---------- incluso, com link pra cada serviço ---------- */
.incluso-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:22px;overflow:hidden}
.incluso-grade > *{background:#050505;padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;transition:background .2s var(--curva)}
.incluso-grade a:hover{background:#0b0b0c}
.incluso-grade svg{color:var(--laranja-escuro);margin-bottom:6px}
.incluso-grade h3{font-size:1.02rem}
.incluso-grade p{color:var(--tinta-2);font-size:.9rem;line-height:1.55}
.incluso-grade .seta-texto{margin-top:auto;padding-top:6px;font-size:.84rem;color:var(--tinta-3)}
.incluso-grade a:hover .seta-texto{color:#fff}
@media(max-width:900px){.incluso-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.incluso-grade{grid-template-columns:minmax(0,1fr)}}

/* ---------- lista "não é pra você quando" ---------- */
.fora{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fora > div{border:1px solid var(--linha);border-radius:20px;padding:clamp(20px,3vw,30px);background:#050505}
.fora h3{font-size:1.1rem;margin-bottom:14px}
.fora ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fora li{display:flex;gap:10px;color:var(--tinta-2);line-height:1.55;font-size:.95rem}
.fora li svg{flex:none;margin-top:3px}
.fora .sim svg{color:#46fea5}
.fora .nao svg{color:var(--tinta-3)}
@media(max-width:760px){.fora{grid-template-columns:minmax(0,1fr)}}

/* ---------- ajustes finos ---------- */
.nota-conta{margin-top:16px;font-size:.85rem;color:var(--tinta-3);max-width:720px}
.bloco .chamada{margin-top:48px}
.print-moldura{margin:0}
.print-moldura img{width:100%;height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);display:block}
.print-moldura figcaption{margin-top:10px;text-align:center;font-size:.8rem;color:var(--tinta-3)}
.celular-lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:clamp(20px,4vw,56px);align-items:center}
.celular-lado .print-moldura img{border-radius:28px}
@media(max-width:820px){.celular-lado{grid-template-columns:minmax(0,1fr)}.celular-lado .print-moldura{max-width:300px;margin:0 auto}}
.resgate-lista div span{white-space:normal}
.lista-uma{display:grid;gap:32px}
.lista-uma .item-linha h3{font-size:1.15rem;margin-bottom:8px}
.fora-junto{margin-top:14px}

.bento-celular .arte{max-height:340px}
.bento-celular .arte img{border-radius:12px}