/* LYMOS ERP: página de conversão (/erp). Componentes novos em cima do tema neo (bordas 2px, sombra dura, vidro escuro).
   Prefixo ec- para não colidir com o resto do site. */

.ec-grid{display:grid;gap:16px;margin-top:36px}
.ec-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ec-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ec-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ec-centro{text-align:center}
.ec-centro .eyebrow{justify-content:center}
.ec-centro .c3-h2{max-width:none;margin-left:auto;margin-right:auto}
.ec-centro .lede{margin-left:auto;margin-right:auto}
.ec-centro .actions{justify-content:center}
.ec-lede{max-width:64ch;margin-top:14px}
.ec-acao{margin-top:30px}
.ec-nota{margin-top:18px;font-size:14px;color:var(--muted);max-width:68ch}
.ec-centro .ec-nota{margin-left:auto;margin-right:auto}

/* faixa de provas: fatos do produto, sem número inventado */
.ec-prova{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ec-prova li{display:grid;gap:2px;padding:16px 18px;border:2px solid var(--nb-line);border-radius:14px;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:4px 4px 0 #000}
.ec-prova b{font:800 clamp(22px,2.4vw,30px)/1.05 var(--display);letter-spacing:-.03em;color:var(--signal)}
.ec-prova span{font-size:14px;line-height:1.35;color:var(--muted)}

/* dores: o que acontece hoje x o que muda */
.ec-dor{display:flex;flex-direction:column;gap:14px;padding:22px 20px;border:2px solid var(--nb-line);border-radius:16px;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--nb-shadow);text-align:left}
.ec-dor-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(0,232,107,.12);color:var(--signal)}
.ec-dor-ic svg{width:24px;height:24px}
.ec-hoje{display:flex;align-items:center;min-height:68px;margin:0;padding:10px 14px;border-left:4px solid #ea1d2c;background:rgba(234,29,44,.08);border-radius:0 10px 10px 0;font:700 17px/1.3 var(--display);color:var(--text)}
.ec-saida{flex:1 1 auto;margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.ec-saida b{color:var(--text)}
.ec-ver{align-self:flex-start;margin-top:auto;font-size:14px;font-weight:700;color:var(--signal);text-decoration:none}
.ec-ver:hover{text-decoration:underline}

/* módulos por dentro: texto + tela */
.ec-mod-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--signal)}
.ec-lista{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}
.ec-lista li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.45;color:var(--text)}
.ec-lista li::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;background:var(--signal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302150A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.ec-lista small{display:block;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.4}

/* tela do painel de delivery (mock) */
.ec-fluxo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 16px 6px}
.ec-etapa{position:relative;display:grid;gap:1px;padding:9px 10px 7px;border:1px solid var(--rule-2);border-radius:10px;background:var(--ink);overflow:hidden}
.ec-etapa::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c,#94A399)}
.ec-etapa em{font:800 20px/1 var(--display);font-style:normal;color:var(--text)}
.ec-etapa span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ec-etapa.on{border-color:var(--c);background:rgba(0,232,107,.08)}
.ec-etapa.urg{border-color:#E6B450;background:rgba(230,180,80,.12);--c:#E6B450}
.ec-etapa.urg em{color:#E6B450}
.ec-etapa.zero em{color:var(--faint)}
.ec-etapa.zero::before{opacity:.4}
.ec-filtros{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 4px}
.ec-filtros span{padding:5px 10px;border:1px solid var(--rule-2);border-radius:999px;font-size:11.5px;color:var(--muted)}
.ec-filtros span.on{border-color:var(--signal);color:var(--signal)}
.ec-pedidos{display:grid;gap:8px;padding:10px 16px 16px}
.ec-ped{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid var(--rule-2);border-radius:12px;background:var(--ink)}
.ec-ped b{font-size:13.5px;color:var(--text)}
.ec-ped small{grid-column:1;font-size:12px;color:var(--muted)}
.ec-ped .ec-tot{grid-row:1/3;grid-column:2;font:800 16px/1 var(--display);color:var(--text)}
.ec-chip{display:inline-flex;align-items:center;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;border:1px solid currentColor}
.ec-chip.amb{color:#E6B450}.ec-chip.ver{color:var(--signal)}.ec-chip.ifd{color:#ff6b75}
.ec-aceitar{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;padding:6px 12px;border:2px solid #000;border-radius:9px;background:var(--signal);color:var(--on-signal);font-size:12px;font-weight:800}

/* tela do celular do entregador (mock) */
.ec-par{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:end;margin:0;padding:6px}
.ec-par .c2-tela{align-self:stretch;box-shadow:var(--nb-shadow)}
.ec-fone{width:260px;border:2px solid var(--nb-line);border-radius:28px;background:var(--void);box-shadow:var(--nb-shadow);overflow:hidden}
.ec-fone-top{display:flex;justify-content:space-between;padding:12px 16px;font-size:11.5px;color:var(--muted);border-bottom:1px solid var(--rule)}
.ec-fone-top b{color:var(--text);font-size:13px}
.ec-fone-card{display:grid;gap:9px;margin:12px;padding:14px;border:1px solid var(--rule-2);border-radius:16px;background:var(--panel)}
.ec-fone-card h4{margin:0;font:800 15px/1.2 var(--display);color:var(--text)}
.ec-fone-card p{margin:0;font-size:12.5px;line-height:1.4;color:var(--muted)}
.ec-fone-cobrar{padding:8px 10px;border:1px solid #E6B450;border-radius:10px;background:rgba(230,180,80,.1);font-size:13px;font-weight:700;color:#E6B450}
.ec-fone-btn{display:grid;place-items:center;min-height:46px;border:2px solid #000;border-radius:12px;background:var(--signal);color:var(--on-signal);font:800 14px/1 var(--display)}
.ec-fone-bots{display:flex;gap:6px}
.ec-fone-bots span{flex:1;display:grid;place-items:center;min-height:34px;border:1px solid var(--rule-2);border-radius:10px;font-size:12px;font-weight:700;color:var(--text)}

/* planos por segmento */
.ec-plano{display:flex;flex-direction:column;gap:12px;padding:22px 20px;border:2px solid var(--nb-line);border-radius:16px;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--nb-shadow);text-align:left}
.ec-plano header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ec-plano h3{margin:0;font:800 20px/1.15 var(--display)}
.ec-preco{font:800 28px/1 var(--display);color:var(--signal);white-space:nowrap}
.ec-preco small{font:600 13px/1 var(--sans);color:var(--muted)}
.ec-plano ul{flex:1 1 auto;list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:7px;font-size:14.5px;line-height:1.4;color:var(--muted)}
.ec-plano li::before{content:"\2713\00a0";font-weight:800;color:var(--signal)}
.ec-plano-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}
.ec-plano-acoes .btn{font-size:14px;padding:10px 14px}
.ec-plano.dest{box-shadow:var(--nb-shadow-go)}

/* integrações e confiança */
.ec-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 20px;border:2px solid var(--nb-line);border-radius:16px;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--nb-shadow);text-align:left}
.ec-card h3{margin:0;font:700 19px/1.2 var(--display)}
.ec-card p{flex:1 1 auto;margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.ec-card h3{min-height:2.4em;display:flex;align-items:flex-start}
.ec-card svg{width:30px;height:30px;color:var(--signal)}
.ec-card img{display:block;width:auto;height:40px;border-radius:8px}
.ec-etiqueta{display:inline-block;margin-top:auto;width:max-content;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--rule-2);color:var(--muted)}

.ec-passos{counter-reset:p}
.ec-passo{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 20px;border:2px solid var(--nb-line);border-radius:16px;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--nb-shadow);text-align:left}
.ec-passo::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--signal);color:var(--on-signal);font:800 18px/1 var(--display)}
.ec-passo h3{margin:0;font:700 19px/1.2 var(--display)}
.ec-passo p{flex:1 1 auto;margin:0;font-size:15px;line-height:1.5;color:var(--muted)}

/* barra de conversão fixa (celular) */
.ec-fixa{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:10px;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(5,7,6,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:2px solid var(--nb-line);transform:translateY(110%);transition:transform .25s var(--ease)}
.ec-fixa.on{transform:none}
.ec-fixa .btn{flex:1;justify-content:center}
.ec-fixa .ec-fixa-wa{flex:none;display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--nb-line);border-radius:12px;color:var(--text)}
.ec-fixa .ec-fixa-wa svg{width:22px;height:22px}

@media (max-width:1000px){
  .ec-4,.ec-prova{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-par{grid-template-columns:1fr}
  .ec-fone{margin:0 auto}
}
@media (max-width:700px){
  .ec-3,.ec-2,.ec-4{grid-template-columns:1fr}
  .ec-prova{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-fixa{display:flex}
  body{padding-bottom:72px}
  .ec-fluxo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.ec-fixa{transition:none}}

/* trechos herdados da versão anterior da página (antes ficavam em <style> dentro do HTML) */
.v3-micro{margin-top:14px;font-size:14px;color:var(--muted)}
.v3-hoje{margin:0 0 14px;padding:10px 14px;border-left:4px solid #ea1d2c;background:rgba(234,29,44,.08);border-radius:0 10px 10px 0;font-size:15px;line-height:1.45;color:var(--text)}
.v3-hoje b{color:#ff6b75}
.v3-faq{grid-template-columns:1fr!important}
.v3-integra{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;font-size:14px;color:var(--muted)}
.v3-lg{display:block;width:auto}
.v3-lg-ml{height:32px;border-radius:8px}
.v3-lg-ifood{height:26px}
@media (max-width:700px){.ec-hoje{min-height:0}.ec-card h3{min-height:0}}