/* =====================================================================
   R12 · COMANDA ESPERTA (por Galvão Sistemas) — carregado só na versão nova
   (comanda.publicado=true ou /previa/). Fusão de cores do briefing §3:
   - fica Galvão: fundo #04060C, header/menu/rodapé, Geist/Geist Mono, rótulos "> ".
   - fica Comanda (só nas áreas do produto): --ce-grad em destaques de título,
     botões #FF7A2F com texto #04060C, painéis --ce-panel com borda --ce-line.
   - --ce-ponte (ciano → laranja) em NO MÁXIMO 3 lugares:
       1) .ce-ponte-linha  (linha fina abaixo do hero da página do produto)
       2) .ce-card         (borda do card da Comanda na home)
       3) .ce-ponte-selo   (selo "por Galvão Sistemas" na página do produto)
   - tomate (#E3392B) nunca em texto pequeno: só dentro do gradiente de títulos grandes.
   ===================================================================== */
:root{
  --ce-ambar:#FFC34D; --ce-laranja:#FF7A2F; --ce-tomate:#E3392B;
  --ce-cafe:#21130C;  --ce-marrom:#3B2116; --ce-creme:#FFF6EA;
  --ce-grad:linear-gradient(135deg,#FFC34D 0%,#FF7A2F 55%,#E3392B 100%);
  --ce-ponte:linear-gradient(90deg,#00D9FF 0%,#FF7A2F 100%);
  --ce-panel:#140D09;
  --ce-line:rgba(255,122,47,.16);
  --ce-ok:#1FA45B;
  --ce-mut:rgba(255,246,234,.74);
}

/* ---------- peças comuns ---------- */
.ce-grad-t{background:var(--ce-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ce-btn{background-color:var(--ce-laranja);border-color:var(--ce-laranja);color:#04060C;
  background-image:linear-gradient(var(--ce-creme),var(--ce-creme))}
.ce-btn svg{font-size:16px}
.ce-btn-s{border-color:rgba(255,122,47,.55);color:var(--ce-creme)}
@media (hover:hover){
  .ce-btn:hover{color:#04060C;border-color:var(--ce-creme)}
  .ce-btn-s:hover{border-color:var(--ce-laranja);color:#04060C;background-image:linear-gradient(var(--ce-laranja),var(--ce-laranja))}
}
.ce-btn:focus-visible,.ce-btn-s:focus-visible{outline:2px solid var(--ce-ambar);outline-offset:3px}
.ce-painel{background:var(--ce-panel);border:1px solid var(--ce-line)}
.ce-selo-disp{display:inline-flex;align-items:center;gap:8px;width:max-content;font:400 11px/1 var(--mono);letter-spacing:.12em;
  text-transform:uppercase;padding:7px 10px;border:1px solid rgba(31,164,91,.65);color:#7fe0a8}
.ce-selo-disp i{width:7px;height:7px;background:var(--ce-ok);box-shadow:0 0 0 3px rgba(31,164,91,.25)}
.ce-check{list-style:none;display:grid;gap:10px}
.ce-check li{display:flex;gap:10px;align-items:flex-start;font-family:var(--sans);font-size:15px;line-height:1.45;color:var(--ce-mut)}
.ce-check svg{color:var(--ce-laranja);font-size:17px;margin-top:2px}
.ce-nota{margin:14px auto 0;max-width:1120px;font-size:13px;color:var(--mut)}

/* moldura de celular (CSS) e de janela de computador */
.ce-fone{position:relative;background:#0b0b0d;border:1px solid rgba(255,246,234,.18);padding:9px;border-radius:30px;
  box-shadow:0 30px 60px -30px rgba(255,122,47,.35)}
.ce-fone,.ce-fone *{border-radius:inherit}
.ce-fone__tela{overflow:hidden;border-radius:22px;background:var(--ce-creme)}
.ce-fone__tela img{width:100%;height:auto;border-radius:0}
.ce-fone::before{content:"";position:absolute;top:15px;left:50%;width:22%;height:6px;transform:translateX(-50%);background:#0b0b0d;border-radius:6px;z-index:1}
.ce-janela{background:#0b0b0d;border:1px solid rgba(255,246,234,.16);overflow:hidden}
.ce-janela__bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-bottom:1px solid rgba(255,246,234,.1);
  font:400 11px/1 var(--mono);color:var(--dim)}
.ce-janela__bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,246,234,.22)}
.ce-janela__bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ce-janela img,.ce-janela video{width:100%;height:auto}

/* ---------- HOME: faixa fina abaixo do hero ---------- */
.ce-faixa-w{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#07090f}
.ce-faixa{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 0;font-size:14px;color:var(--fg)}
.ce-faixa__novo{flex:none;font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;background:var(--ce-laranja);color:#04060C}
.ce-faixa__txt{flex:1;min-width:0}
.ce-faixa svg{flex:none;color:var(--ce-laranja);transition:transform .4s var(--saida)}
.ce-faixa:hover .ce-faixa__txt{color:var(--ce-creme);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ce-laranja)}
.ce-faixa:hover svg{transform:translateX(4px)}

/* ---------- HOME: card da Comanda em #solucoes (ponte 2/3: borda) ---------- */
.ce-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;
  padding:40px;background:var(--ce-panel);border:0;isolation:isolate;transition:box-shadow .5s var(--saida)}
.ce-card::before{content:"";position:absolute;inset:0;padding:1.5px;background:var(--ce-ponte);z-index:-1;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@media (hover:hover){.ce-card:hover{box-shadow:0 0 0 1px rgba(255,122,47,.25),0 24px 80px -24px rgba(255,122,47,.45)}}
.ce-card__marca{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.ce-card__logo{width:236px;height:auto}
.ce-card__por{margin-top:10px;font-size:12px;letter-spacing:.06em;color:var(--mut)}
.ce-card__t{margin:22px 0 22px;font-family:var(--sans);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.18;color:var(--ce-creme);max-width:30ch}
.ce-card .ce-check{margin-bottom:28px}
.ce-card__wa{margin-top:20px;font-size:14px}
.ce-card__vis img{width:100%;height:auto;border:1px solid var(--ce-line)}
@media (max-width:900px){.ce-card{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:28px}.ce-card__vis{order:-1}}
@media (max-width:420px){.ce-card{padding:24px 16px}.ce-card__logo{width:200px}}

/* ---------- HOME: #demo — celular + cozinha ---------- */
.ce-demo{padding:32px;background:var(--ce-panel);border:1px solid var(--ce-line)}
.ce-demo__anim{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.ce-demo__fone{position:relative}
.ce-demo__leg{margin-top:12px;text-align:center;font-size:12px;color:var(--mut)}
.ce-toque{position:absolute;left:50%;top:86%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
  background:rgba(255,122,47,.35);border:2px solid var(--ce-laranja);opacity:0;transform:scale(.4);pointer-events:none}
.ce-toque.is-on{animation:ce-toque .7s var(--saida) forwards}
@keyframes ce-toque{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}
.ce-coz{border:1px solid rgba(255,246,234,.12);background:#0c0806}
.ce-coz__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,246,234,.1)}
.ce-coz__nome{font-size:13px;color:var(--ce-mut)}
.ce-kpi{display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--ce-mut)}
.ce-kpi b{font-family:var(--sans);font-weight:500;font-size:22px;color:var(--ce-creme);transition:color .4s}
.ce-kpi b.is-sobe{color:var(--ce-ambar)}
.ce-coz__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ce-col{min-height:300px;padding:14px;border-left:1px solid rgba(255,246,234,.08)}
.ce-col:first-child{border-left:0}
.ce-col__t{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ce-mut);margin-bottom:12px}
.ce-col__t span{color:var(--ce-creme)}
.ce-col--novos .ce-col__t{color:var(--ce-ambar)}
.ce-col--prontos .ce-col__t{color:#7fe0a8}
.ce-col__lista{list-style:none;display:grid;gap:10px}
.ce-tk{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;padding:10px 12px;background:#1b120c;border:1px solid rgba(255,122,47,.22);font-size:13px;line-height:1.35;color:var(--ce-creme)}
.ce-tk span{color:var(--ce-mut);font-size:12.5px}
.ce-tk .ce-tk__h{color:var(--ce-creme);font-size:13px}
.ce-tk b{font-weight:400;color:var(--ce-ambar)}
.ce-col--prontos .ce-tk{border-color:rgba(31,164,91,.45)}
.ce-tk.is-novo{border-color:var(--ce-laranja);box-shadow:0 0 0 1px var(--ce-laranja)}
.ce-tk.is-voando{position:fixed;z-index:70;margin:0;pointer-events:none;will-change:transform,opacity}
.ce-demo-sec .demo__cta{margin-top:24px}
.ce-demo__rot{margin-top:14px;font-size:12px;color:var(--mut)}
.ce-demo__loop{display:flex;justify-content:center}
.ce-demo__loop video{width:min(100%,300px);height:auto;border:1px solid var(--ce-line);background:#0c0806}
@media (max-width:900px){.ce-demo__anim{grid-template-columns:150px minmax(0,1fr);gap:18px}.ce-demo{padding:18px}.ce-col{min-height:260px;padding:10px}}
@media (max-width:640px){
  .ce-demo__anim{grid-template-columns:minmax(0,1fr);gap:20px}
  .ce-demo__fone{width:150px;margin-inline:auto}
  .ce-coz__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ce-col{min-height:200px;padding:8px}
  .ce-tk{padding:7px;font-size:11px}.ce-tk span{font-size:10.5px;line-height:1.3}.ce-tk .ce-tk__h{font-size:11px}
  .ce-col__t{font-size:10.5px;letter-spacing:.03em}
  .ce-coz__top{padding:10px 12px}.ce-kpi b{font-size:18px}
}
/* celular bem pequeno (< 360px) ou movimento reduzido: sem animação, só o loop mudo com poster */
.ce-demo.is-loop .ce-demo__anim{display:none}
.ce-demo.is-loop .ce-demo__loop{display:flex!important}
.ce-demo.is-loop ~ .demo__cta [data-ce-pedido]{display:none}

/* ---------- HOME: modal do vídeo de 30 s ---------- */
.ce-modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px}
.ce-modal[hidden]{display:none!important}
.ce-modal__fundo{position:absolute;inset:0;background:rgba(4,6,12,.86);backdrop-filter:blur(6px)}
.ce-modal__caixa{position:relative;width:min(960px,100%);max-height:calc(100svh - 32px);display:flex;flex-direction:column;
  background:var(--ce-panel);border:1px solid var(--ce-line);outline:0}
.ce-modal__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--ce-line)}
.ce-modal__t{font-size:14px;color:var(--ce-creme)}
.ce-modal__x{width:44px;height:44px;display:grid;place-items:center;font-size:28px;line-height:1;color:var(--ce-creme);border:1px solid transparent}
.ce-modal__x:hover{border-color:var(--ce-laranja)}
.ce-modal__video{background:#000;display:flex;justify-content:center;min-height:0}
.ce-modal__video video{width:100%;aspect-ratio:16/9;height:auto;max-height:calc(100svh - 190px);background:#000}
.ce-modal__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:14px 18px}
@media (max-width:700px){
  .ce-modal{padding:8px}
  .ce-modal__video video{aspect-ratio:9/16;width:auto;max-width:100%;height:min(calc(100svh - 190px),calc((100vw - 18px) * 16 / 9))}
  .ce-modal__acoes .btn{width:100%}
}
html.ce-modal-aberto{overflow:hidden}

/* ---------- PÁGINA DO PRODUTO ---------- */
.pg-comanda .site-top .hdr{background:rgba(4,6,12,.92)}
.ce-hero{position:relative;padding:calc(var(--top) + var(--hdr) + 56px) 0 72px;
  background:radial-gradient(60% 60% at 85% 35%,rgba(255,122,47,.13),transparent 70%),radial-gradient(50% 50% at 0% 0%,rgba(0,217,255,.06),transparent 70%)}
.ce-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.ce-hero__marca{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:22px}
.ce-hero__t{margin:22px 0 22px;font-size:clamp(2.2rem,4.4vw,3.9rem)}
.ce-hero__sub{margin-bottom:32px;color:var(--ce-mut)}
.ce-hero__vis .ce-janela--hero{box-shadow:0 40px 90px -40px rgba(255,122,47,.45)}
.ce-hero__vis video{aspect-ratio:16/9;background:#0c0806 center/cover no-repeat}
@media (max-width:980px){.ce-hero__grid{grid-template-columns:minmax(0,1fr);gap:40px}.ce-hero{padding-bottom:56px}}
/* G ciano → G laranja (só opacity/transform; reduzir movimento = G laranja parado) */
.ce-g{width:46px;height:46px;flex:none}
.ce-g__galvao,.ce-g__comanda{transform-box:fill-box;transform-origin:center}
.ce-g__galvao{opacity:0}
.ce-g__comanda{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .ce-g.is-anim .ce-g__galvao{animation:ce-g-sai 1.6s var(--saida) .5s both}
  .ce-g.is-anim .ce-g__comanda{animation:ce-g-entra 1.6s var(--saida) .5s both}
}
@keyframes ce-g-sai{0%{opacity:1;transform:rotate(0) scale(1)}55%{opacity:0;transform:rotate(-40deg) scale(.9)}100%{opacity:0;transform:rotate(-40deg) scale(.9)}}
@keyframes ce-g-entra{0%{opacity:0;transform:rotate(40deg) scale(.9)}35%{opacity:0;transform:rotate(40deg) scale(.9)}100%{opacity:1;transform:rotate(0) scale(1)}}
/* ponte 1/3: linha fina abaixo do hero */
.ce-ponte-linha{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ce-ponte)}
/* ponte 3/3: selo "por Galvão Sistemas" */
.ce-ponte-selo{position:relative;display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:26px;padding:8px 14px 8px 10px;
  font-size:12px;letter-spacing:.06em;color:var(--fg);isolation:isolate}
.ce-ponte-selo::before{content:"";position:absolute;inset:0;padding:1px;background:var(--ce-ponte);z-index:-1;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.ce-ponte-selo svg{width:18px;height:18px}

.ce-sec .sec-h{margin-bottom:40px}
.ce-sec--curta{padding-block:calc(var(--sec) * .6)}
/* vídeo principal: 16:9 no computador; 9:16 no celular (até ~80vh) */
.ce-player{display:flex;justify-content:center;max-width:1120px;margin-inline:auto;background:#000;border:1px solid var(--ce-line)}
.ce-player video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#000}
@media (max-width:700px){
  .ce-player{border:0;background:transparent}
  .ce-player video{aspect-ratio:9/16;width:auto;max-width:100%;height:min(80svh,calc((100vw - 40px) * 16 / 9));background:#000}
}
.ce-dores{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ce-dores li{padding:28px;display:grid;gap:12px;align-content:start}
.ce-dores__n{font-size:12px;color:var(--ce-ambar)}
.ce-dores h3{font-family:var(--sans);font-size:clamp(1.3rem,2vw,1.6rem);color:var(--ce-creme)}
.ce-dores p{font-family:var(--sans);color:var(--ce-mut)}
@media (max-width:900px){.ce-dores{grid-template-columns:minmax(0,1fr)}}

.ce-passos{list-style:none;display:grid;gap:20px}
.ce-passo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding:32px;
  background:var(--ce-panel);border:1px solid var(--ce-line)}
.ce-passo__n{font-size:12px;color:var(--ce-ambar)}
.ce-passo h3{margin:10px 0 12px;font-family:var(--sans);font-size:clamp(1.4rem,2.4vw,2rem);color:var(--ce-creme)}
.ce-passo p{font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--ce-mut);max-width:44ch}
.ce-passo__img{display:flex;justify-content:center;gap:20px}
.ce-passo__img .ce-fone{width:min(240px,46%)}
.ce-passo:not(.ce-passo--duplo) .ce-passo__img .ce-fone{width:min(260px,62%)}
.ce-passo--pc .ce-passo__img .ce-janela{width:100%}
@media (max-width:900px){.ce-passo{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:24px}}

.ce-tambem{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ce-tambem li{padding:28px;display:grid;gap:12px;align-content:start}
.ce-tambem h3{font-family:var(--sans);font-size:clamp(1.2rem,2vw,1.5rem);color:var(--ce-creme)}
.ce-tambem p{font-family:var(--sans);color:var(--ce-mut)}
.ce-tambem__img{display:flex;justify-content:center;gap:14px;margin-top:10px}
.ce-tambem__img .ce-fone{width:min(200px,46%)}
.ce-tambem__img .ce-janela{width:100%}
.ce-tambem__img .ce-janela+.ce-janela{display:none}
@media (max-width:900px){.ce-tambem{grid-template-columns:minmax(0,1fr)}.ce-tambem li{padding:22px 18px}}

.ce-recursos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ce-recursos>li{padding:26px}
.ce-recursos h3{font-family:var(--sans);font-size:1.25rem;color:var(--ce-creme);margin-bottom:16px}
@media (max-width:1000px){.ce-recursos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ce-recursos{grid-template-columns:minmax(0,1fr)}.ce-recursos>li{padding:22px 18px}}

.ce-pq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}
.ce-pq .h2{margin-top:12px}
.ce-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.ce-chips li{padding:10px 16px;border:1px solid rgba(255,122,47,.45);color:var(--ce-creme);font-size:15px}
@media (max-width:900px){.ce-pq{grid-template-columns:minmax(0,1fr)}}

.ce-cta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center;padding:48px}
.ce-cta__logo{width:220px;height:auto}
.ce-cta__t{margin:14px 0 26px;color:var(--ce-creme);max-width:24ch}
.ce-contatos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:14px 40px;margin-top:28px}
.ce-contatos li{display:grid;gap:4px;font-size:14px}
.ce-contatos span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.ce-contatos b{font-weight:400}
@media (max-width:900px){.ce-cta{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 20px;justify-items:start}.ce-cta__logo{width:160px}}
@media (max-width:420px){.ce-contatos{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){
  .ce-toque.is-on{animation:none}
  .ce-faixa svg,.ce-card{transition:none}
}