.plataforma-comercial {
  --azul:#142336; --azul-profundo:#0f1d2c; --laranja:#ff914f; --laranja-escuro:#a9400c;
  --paper:#faf8f4; --ink:#18273a; --muted:#4e5b68; --line:#e5ddd2;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.plataforma-comercial .wrap { width:min(1190px,calc(100% - 3rem)); }
.plataforma-comercial section[id] { scroll-margin-top:1.5rem; }
.plataforma-comercial main { padding-bottom:0; }
.comercial-topo { background:#fffdfa; border-bottom:1px solid var(--line); }
.comercial-menu { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; }
.comercial-menu nav { display:flex; align-items:center; gap:clamp(1rem,3.5vw,2.4rem); }
.comercial-menu nav a,.acesso-erp { text-decoration:none; color:var(--ink); font-size:.92rem; font-weight:680; }
.comercial-menu nav a:hover,.acesso-erp:hover,.comercial-texto-link:hover { text-decoration:underline; }
.acesso-erp { white-space:nowrap; border:1px solid var(--line); padding:.6rem .85rem; border-radius:.6rem; }
.acesso-erp span,.comercial-botao span { margin-left:.3rem; }
.comercial-hero {
  color:#fff; padding:clamp(2.6rem,5vw,5rem) 0;
  background:radial-gradient(ellipse at 88% 72%,#27364a 0%,transparent 57%),var(--azul-profundo);
}
.comercial-abertura { display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:clamp(1.8rem,5vw,5rem); }
.comercial-abertura h1 { font-size:clamp(2.85rem,5.65vw,5.5rem); line-height:.99; max-width:11ch; margin:0 0 .35em; letter-spacing:-.068em; }
.comercial-abertura h1 em { display:block; color:#ff9b62; font-style:normal; }
.comercial-abertura .eyebrow { color:#ffc9a7; font-size:.72rem; letter-spacing:.13em; }
.comercial-abertura p:not(.eyebrow) { color:#d7e1ec; font-size:1.04rem; max-width:46ch; }
.comercial-acoes { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin:1.5rem 0 .9rem; }
.comercial-botao { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid transparent; border-radius:.6rem; padding:.62rem 1rem; text-decoration:none; font-weight:800; cursor:pointer; }
.comercial-botao.principal { background:var(--laranja); color:#1d2632; border-color:var(--laranja); }
.comercial-botao.principal:hover { background:#ffab79; border-color:#ffab79; }
.comercial-botao.contorno { background:transparent; border-color:#738399; color:#fff; }
.comercial-botao.contorno:hover { background:#263a51; }
.comercial-abertura .comercial-preco-inicial { font-size:.85rem!important; color:#bfccd9!important; }
.comercial-foto { margin:0; position:relative; }
.comercial-foto img { display:block; width:100%; height:auto; aspect-ratio:4/3; border-radius:1.25rem; object-fit:cover; object-position:54% 49%; }
.comercial-foto figcaption { position:absolute; left:-.85rem; bottom:1.25rem; display:flex; gap:.65rem; align-items:center; border:1px solid #ece1d4; border-radius:.75rem; padding:.65rem .85rem; background:#fffdfa; color:var(--ink); box-shadow:0 10px 30px #0b132644; }
.comercial-foto figcaption small { display:block; }
.comercial-foto figcaption > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.45rem; background:#ffeadc; color:var(--laranja-escuro); font-weight:800; }
.comercial-secao { padding-block:clamp(2.75rem,6vw,5.5rem); }
.comercial-recursos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }
.comercial-recursos article { padding:1.45rem; background:#fffdfa; border:1px solid var(--line); border-radius:.9rem; }
.comercial-recursos h2 { font-size:1.25rem; margin:.65rem 0 .4rem; }
.comercial-recursos p,.comercial-titulo p,.demo-intro p,.comercial-faq details p { color:var(--muted); margin-bottom:0; }
.recurso-icone { display:grid; place-items:center; width:2.35rem; height:2.35rem; border-radius:.55rem; background:#fbe7d9; color:var(--laranja-escuro); font-size:1.25rem; font-weight:800; }
.comercial-demo { background:#ece8df; }
.demo-grade { display:grid; align-items:center; grid-template-columns:minmax(0,.68fr) minmax(0,1fr); gap:clamp(2rem,6vw,5.5rem); }
.demo-intro h2,.comercial-titulo h2,.comercial-faq h2,.comercial-contato h2 { font-size:clamp(2rem,4vw,3.65rem); line-height:1.05; letter-spacing:-.06em; }
.demo-intro .eyebrow { color:var(--laranja-escuro); margin-bottom:.8rem; }
.comercial-texto-link { display:inline-block; margin-top:1rem; color:var(--laranja-escuro); font-weight:750; text-decoration:none; }
.demo-app { overflow:hidden; border-radius:1rem; background:#fffdfa; border:1px solid #d4dce4; box-shadow:0 15px 50px #12213417; }
.demo-barra { background:var(--azul); color:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.4rem; padding:.95rem 1rem; }
.demo-barra span { color:#c4d1df; font-size:.81rem; }
.demo-abas { display:flex; gap:.2rem; border-bottom:1px solid var(--line); padding:0 1rem; }
.demo-abas button { background:transparent; color:var(--muted); border:0; border-radius:0; border-bottom:3px solid transparent; padding:.7rem .75rem; }
.demo-abas button[aria-selected=true] { color:var(--azul); border-color:var(--laranja-escuro); }
.demo-painel { padding:1rem; min-height:265px; }
.demo-painel h3 { font-size:1.14rem; margin-bottom:.3rem; }
.demo-linha { display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; padding:.55rem 0; border-bottom:1px solid var(--line); }
.demo-linha strong { white-space:nowrap; }
.demo-linha small,.demo-nota { color:var(--muted); }
.demo-total { font-weight:750; border:0; }
.demo-nota { margin-top:.85rem; }
.demo-rodape { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin-top:.7rem; font-size:.85rem; }
.demo-rodape span { font-weight:650; color:#256044; }
.comercial-titulo { text-align:center; max-width:650px; margin:0 auto 1.9rem; }
.comercial-planos .cards { gap:1rem; }
.comercial-planos .plano { padding:1.35rem; border-radius:1rem; background:#fffdfa; }
.comercial-planos .plano h3 { font-size:1.24rem; }
.comercial-planos .preco { font-size:clamp(1.4rem,2.3vw,2rem); white-space:nowrap; }
.comercial-planos .plano ul { padding-left:0; list-style:none; font-size:.92rem; }
.comercial-planos .plano li { position:relative; padding-left:1.08rem; margin:.45rem 0; }
.comercial-planos .plano li::before { content:"✓"; position:absolute; left:0; color:var(--laranja-escuro); font-weight:800; }
.comercial-planos .plano button { width:100%; }
.comercial-planos .plano.destaque { background:var(--azul); border-color:var(--azul); color:#fff; }
.comercial-planos .plano.destaque p,.comercial-planos .plano.destaque small { color:#dce5f0; }
.comercial-planos .plano.destaque .preco { color:#fff!important; }
.comercial-planos .plano.destaque li::before { color:#ffa165; }
.comercial-planos .plano .plano-padrao { background:transparent; border-color:#9fadb9; color:var(--azul); }
.comercial-planos .plano .plano-padrao:hover { background:#f2ede5; }
.comercial-formulario { border-radius:.9rem; }
.comercial-faq { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:1.5rem; border-top:1px solid var(--line); }
.comercial-faq details { border-bottom:1px solid var(--line); padding:.8rem .2rem; }
.comercial-faq summary { font-weight:750; cursor:pointer; }
.comercial-faq details p { margin:.5rem 0 .15rem; }
.comercial-contato { padding:clamp(2.75rem,6vw,5.5rem) 0; background:var(--azul); color:#fff; }
.contato-grade { display:grid; align-items:center; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:2rem; }
.contato-grade > div > p { color:#d4e1ee; max-width:40ch; }
.comercial-contato form { border-radius:.9rem; background:#fffdfa; color:var(--ink); padding:1.25rem; }
.comercial-rodape { background:#fffdfa; }
.comercial-rodape .wrap { display:flex; align-items:center; gap:1.25rem; flex-wrap:wrap; }
.comercial-rodape .marca-plataforma { margin-right:auto; }
.plataforma-comercial :focus-visible { outline:3px solid #ae4c12; outline-offset:3px; }
.comercial-hero :focus-visible { outline-color:#ffb687; }
@media(max-width:900px) {
  .comercial-planos .cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .comercial-abertura { gap:1.2rem; }
  .comercial-foto figcaption { bottom:.7rem; left:.65rem; right:.65rem; padding:.45rem .65rem; }
}
@media(max-width:700px) {
  .plataforma-comercial .wrap { width:calc(100% - 1.75rem); }
  .comercial-menu { flex-wrap:wrap; gap:.35rem .75rem; padding:.55rem 0 .7rem; }
  .comercial-menu nav { width:100%; order:3; }
  .comercial-abertura,.demo-grade,.comercial-faq,.contato-grade { grid-template-columns:1fr; }
  .comercial-abertura h1 { max-width:15ch; }
  .comercial-foto img { aspect-ratio:16/10; }
  .comercial-recursos { grid-template-columns:1fr; gap:.65rem; }
  .comercial-recursos article { padding:1rem; }
  .comercial-faq,.contato-grade { gap:1rem; }
}
@media(max-width:470px) {
  .comercial-planos .cards { grid-template-columns:1fr; }
  .comercial-menu .marca-plataforma { font-size:1.25rem; }
  .comercial-menu .marca-plataforma img { width:34px; height:34px; }
  .acesso-erp { font-size:.82rem; padding:.45rem .5rem; }
  .comercial-foto figcaption { position:static; margin-top:.55rem; }
}