/* =====================================================================
   Sonar — visual Oxyplast (azul-marinho + vermelho), v1.1
   Mesmas classes e funções da tela v30; só muda a aparência e o layout.
   Celular: barra superior + menu fixo embaixo. Computador (≥ 900px):
   menu lateral e conteúdo largo, com listas em grade e telas em colunas.
   ===================================================================== */
:root{
  --navy:#14284b; --navy-2:#1c3563; --navy-3:#0e1d38;
  --red:#d62828; --red-soft:#fde8e8;
  --accent-soft:#eaf0fd;
  --shadow:0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);
  --shadow-lg:0 12px 32px -12px rgba(16,24,40,.22);

  /* variáveis da tela original, agora no tema claro */
  --bg:#f3f5f9; --surface:#ffffff; --surface2:#f6f8fb; --border:#e3e8ef;
  --amber:#14284b; --amber-dim:#9aa9c7; --text:#14213d; --text-dim:#667085;
  --danger:#b42318; --good:#15803d;
  color-scheme:light;
}

html,body{ background:var(--bg); color:var(--text);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
body{ font-size:14.5px; line-height:1.45; }
button, input, select, textarea{ font-family:inherit; }
::selection{ background:#cfdcf7; }

/* ---------- cabeçalho da página ---------- */
.header{ background:rgba(243,245,249,.92); border-bottom:1px solid var(--border); backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px); }
.header h1{ font-weight:750; letter-spacing:-.02em; color:var(--text); }
.header .sub{ color:var(--text-dim); font-size:12.5px; }

.icon-btn{ color:#475467; border-radius:9px; width:36px; height:36px; justify-content:center; transition:background .15s ease, color .15s ease; }
.icon-btn:hover{ background:#e8ecf3; color:var(--navy); }
.icon-btn.amber{ color:var(--navy); }
.icon-btn svg{ width:19px; height:19px; flex:0 0 auto; }
.fab{ background:var(--red); color:#fff; width:38px; height:38px; font-size:20px; box-shadow:0 4px 12px -4px rgba(214,40,40,.6); }
.fab:hover{ filter:brightness(1.06); }
.fab svg{ width:20px; height:20px; }

.search{ background:var(--surface); border:1px solid #d0d5dd; border-radius:10px; box-shadow:0 1px 2px rgba(16,24,40,.04); padding:10px 12px; }
.search::before{ content:''; width:16px; height:16px; flex:0 0 16px; opacity:.5;
  background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314213d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); }
.search:focus-within{ border-color:#5b7bd5; box-shadow:0 0 0 4px rgba(29,78,216,.12); }
.search input{ color:var(--text); }
.search input::placeholder{ color:#98a2b3; opacity:1; }

/* ---------- cartões, listas ---------- */
.card{ background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow);
  padding:16px; transition:box-shadow .15s ease, border-color .15s ease, transform .1s ease; }
.card[style*="cursor:pointer"]:hover, .stack > .card:not([style*="cursor:default"]):hover{ border-color:#c7d2e6; box-shadow:0 6px 18px -8px rgba(16,24,40,.2); }
.card:active{ transform:scale(.995); }
.stack > .card + .card{ margin-top:0; }
.empty{ color:var(--text-dim); }
.pill{ color:var(--navy); background:var(--accent-soft); border-radius:99px; padding:2px 8px; font-weight:600; }
button.pill{ white-space:nowrap; font-size:11.5px; padding:5px 11px; background:var(--surface); color:#344054; }
button.pill:hover{ border-color:#98a2b3 !important; }
.amber-text{ color:var(--navy); }
.bar{ background:#e8ecf3; }
.bar > div{ background:var(--navy); }
.divider-row{ border-top-color:#eef1f5; }

/* ---------- formulários ---------- */
.field label{ font-size:12.5px; font-weight:600; color:#344054; }
.field input, .field select, .field textarea{ background:var(--surface); border:1px solid #d0d5dd; color:var(--text);
  border-radius:10px; font-size:14.5px; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:border-color .15s ease, box-shadow .15s ease; }
.field select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center; background-size:16px; padding-right:34px; }
.field input:focus, .field select:focus, .field textarea:focus, .icms-row input:focus{ outline:none; border-color:#5b7bd5; box-shadow:0 0 0 4px rgba(29,78,216,.12); }
.field input::placeholder, .field textarea::placeholder{ color:#98a2b3; }
.icms-row input{ background:var(--surface); border:1px solid #d0d5dd; color:var(--text); }
.icms-row{ border-bottom-color:#eef1f5; }

.btn-primary{ background:var(--navy); color:#fff; border-radius:10px; font-weight:650; box-shadow:0 1px 2px rgba(16,24,40,.12); transition:background .15s ease; }
.btn-primary:hover{ background:var(--navy-2); }
.btn-secondary{ background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:10px; box-shadow:var(--shadow); }
.btn-secondary:hover{ background:var(--surface2); }
.btn-ghost{ border:1.5px dashed #b9c4da; color:var(--navy); border-radius:10px; background:transparent; }
.btn-ghost:hover{ background:var(--accent-soft); }
.row-toggle{ border-color:#d0d5dd; border-radius:10px; background:#eceff4; padding:3px; gap:2px; }
.row-toggle button{ background:transparent; color:var(--text-dim); border-radius:8px; }
.row-toggle button.active{ background:var(--surface); color:var(--navy); box-shadow:0 1px 3px rgba(16,24,40,.14); }

.result-box{ background:var(--surface2); border:1px solid var(--border); border-radius:12px; }
.suggest-list{ background:var(--surface); border-color:var(--border); box-shadow:var(--shadow-lg); }
.suggest-list div:hover, .suggest-list div:active{ background:var(--accent-soft); }

/* tabelas dentro de cartões e janelas */
table{ border-collapse:collapse; }
.modal table th, #content table th{ color:var(--text-dim); font-weight:600; }
.modal table tr:hover td, #content table tr:hover td{ background:#f8faff; }

/* ---------- aviso (toast) ---------- */
.toast{ background:var(--navy); color:#fff; box-shadow:0 10px 30px -8px rgba(14,29,56,.55); font-weight:600; }

/* ---------- janelas (modais) ---------- */
.modal-overlay{ background:rgba(14,29,56,.45); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); }
.modal{ background:var(--surface); border:1px solid var(--border); box-shadow:0 -10px 40px -10px rgba(14,29,56,.35); }
.modal h2{ font-weight:700; letter-spacing:-.01em; font-size:18px; }

/* ---------- barra de navegação (celular) ---------- */
.navbar{ background:var(--navy); border-top:none; box-shadow:0 -4px 14px rgba(0,0,0,.18);
  padding:4px 4px calc(4px + env(safe-area-inset-bottom)); z-index:30; }
.navbar button{ color:rgba(255,255,255,.72); position:relative; font-size:10.5px; font-weight:600; border-radius:9px; }
.navbar button.active{ color:#fff; }
.navbar button.active::after{ content:''; position:absolute; left:28%; right:28%; bottom:-4px; height:3px; border-radius:3px 3px 0 0; background:var(--red); }
.navbar .nicon{ display:flex; }
.navbar .nicon svg{ width:21px; height:21px; }

/* ---------- barra da marca (celular) e menu lateral (computador) ---------- */
.sx-topo{ display:flex; align-items:center; gap:10px; background:var(--navy); color:#fff; padding:10px 16px;
  padding-top:calc(10px + env(safe-area-inset-top)); }
.sx-topo img{ width:32px; height:32px; border-radius:8px; }
.sx-topo .sx-marca{ font-weight:800; letter-spacing:.08em; font-size:16px; line-height:1.1; }
.sx-topo .sx-sub{ font-size:11px; color:rgba(255,255,255,.62); }
.sx-topo .sx-esp{ flex:1; }
.sx-badge{ display:inline-block; font-size:10px; font-weight:700; letter-spacing:.08em; padding:2px 8px; border-radius:99px; background:#2f7d4f; color:#fff; }
.sx-badge.teste{ background:#e8750a; }
.sx-avatar{ width:32px; height:32px; border-radius:50%; background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:12px; border:none; cursor:pointer; flex:0 0 auto; }
.sx-lateral{ display:none; }
.sx-menu{ width:34px; height:34px; border-radius:9px; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 auto; padding:0; }
.sx-menu svg{ width:20px; height:20px; }
.sx-menu-lista{ display:flex; flex-direction:column; gap:6px; }
.sx-menu-item{ display:flex; align-items:center; gap:12px; width:100%; padding:13px 14px; border-radius:12px; border:1px solid var(--border);
  background:var(--surface); color:var(--text); font:600 15px Inter, system-ui, sans-serif; text-align:left; text-decoration:none; cursor:pointer; }
.sx-menu-item svg{ width:20px; height:20px; color:var(--navy); flex:0 0 auto; }
.sx-menu-item:active{ background:#eef1f7; }

@media (min-width: 900px){
  body{ display:flex; min-height:100vh; }
  .sx-topo{ display:none; }
  .sx-lateral{ display:flex; flex-direction:column; gap:18px; width:252px; flex:0 0 252px; background:var(--navy); color:#fff;
    padding:20px 14px; position:sticky; top:0; height:100vh; overflow-y:auto;
    background-image:radial-gradient(120% 60% at 0% 0%, rgba(255,255,255,.07), transparent 60%); }
  .sx-brand{ display:flex; align-items:center; gap:11px; padding:2px 6px 16px; border-bottom:1px solid rgba(255,255,255,.1); }
  .sx-brand img{ width:42px; height:42px; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.25); }
  .sx-brand .sx-marca{ font-weight:800; font-size:19px; letter-spacing:.08em; line-height:1.1; }
  .sx-brand .sx-sub{ font-size:11.5px; color:rgba(255,255,255,.62); }
  .sx-nav{ display:flex; flex-direction:column; gap:2px; }
  .sx-rotulo{ font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.42); padding:4px 10px 6px; }
  .sx-item{ position:relative; display:flex; align-items:center; gap:11px; padding:9px 12px; border-radius:10px; border:none; background:transparent;
    color:rgba(255,255,255,.78); font-size:14px; font-weight:500; text-align:left; cursor:pointer; transition:background .15s ease, color .15s ease; }
  .sx-item svg{ width:18px; height:18px; flex:0 0 auto; opacity:.85; }
  .sx-item:hover{ background:rgba(255,255,255,.07); color:#fff; }
  .sx-item.active{ background:rgba(255,255,255,.12); color:#fff; font-weight:600; }
  .sx-item.active::before{ content:''; position:absolute; left:-14px; top:8px; bottom:8px; width:4px; border-radius:0 4px 4px 0; background:var(--red); }
  .sx-pe{ margin-top:auto; display:flex; flex-direction:column; gap:10px; }
  .sx-logo{ background:#fff; border-radius:10px; padding:10px 14px; display:flex; justify-content:center; }
  .sx-logo img{ width:100%; max-width:170px; display:block; }
  .sx-user{ display:flex; flex-direction:column; gap:8px; padding:10px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:12px; font-size:13px; }
  .sx-user .sx-quem{ display:flex; align-items:center; gap:9px; min-width:0; }
  .sx-user .sx-nome{ font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sx-links{ display:flex; gap:2px; flex-wrap:wrap; }
  .sx-links a, .sx-links button{ color:rgba(255,255,255,.72); background:none; border:none; font-size:12.5px; padding:3px 7px; border-radius:6px; cursor:pointer; text-decoration:none; }
  .sx-links a:hover, .sx-links button:hover{ color:#fff; background:rgba(255,255,255,.1); }
  .sx-versao{ font-size:10.5px; color:rgba(255,255,255,.4); text-align:center; }

  #app{ max-width:none; margin:0; flex:1; min-width:0; }
  .navbar{ display:none !important; }
  .header{ padding:26px max(36px, calc((100% - 1180px) / 2)) 16px; }
  .header h1{ font-size:26px; }
  .header h1[style*="font-size:17px"]{ font-size:24px !important; }
  .header .sub{ font-size:13.5px; margin-top:4px; }
  .content{ padding:22px max(36px, calc((100% - 1180px) / 2)) 64px; overflow:visible; }
  .toast{ bottom:32px; left:calc(50% + 126px); }

  /* listas em grade */
  #content > .stack, #crm-lista{ display:grid; grid-template-columns:repeat(auto-fill, minmax(330px, 1fr)); gap:14px; align-items:start; }
  #content > .stack > .card, #crm-lista > .card{ margin:0 !important; }
  #content > .btn-primary{ max-width:340px; }
  .empty{ margin-top:90px; }

  /* telas de detalhe em duas colunas (cliente, mercado) */
  #content.sx-colunas{ column-count:2; column-gap:18px; }
  #content.sx-colunas > *{ break-inside:avoid; }
  #content.sx-colunas > .stack{ display:block; break-inside:auto; }
  #content.sx-colunas .card{ break-inside:avoid; margin:0 0 16px !important; }
  #content.sx-colunas > .btn-primary, #content.sx-colunas > .btn-secondary, #content.sx-colunas > .btn-ghost{ margin:0 0 16px; }

  /* CRM: totais + filtros lado a lado */
  #content.sx-crm{ display:grid; grid-template-columns:minmax(280px, 360px) minmax(0,1fr); grid-template-rows:auto 1fr; gap:0 22px; align-items:start; }
  #content.sx-crm > .card:first-child{ grid-column:1; grid-row:1 / span 2; position:sticky; top:120px; margin:0 !important; }
  #content.sx-crm > :not(.card:first-child){ grid-column:2; }
  #content.sx-crm #crm-lista{ grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); }

  /* simulador: dados à esquerda, resultado à direita */
  .sx-sim{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:26px; align-items:start; }
  .sx-sim-dir{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:18px 20px; box-shadow:var(--shadow); }
  .sx-sim-esq{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:18px 20px; box-shadow:var(--shadow); }

  /* janelas centralizadas */
  .modal-overlay{ align-items:center; padding:24px; }
  .modal{ max-width:620px; border-radius:18px; box-shadow:0 24px 60px -12px rgba(14,29,56,.45); max-height:90vh; padding:24px 26px; }
  .modal.sx-larga{ max-width:1080px; }
  .toast{ z-index:70; }
}

@media (min-width: 1500px){
  #content.sx-colunas{ column-count:3; }
}

@media print{
  .sx-lateral, .sx-topo, .navbar{ display:none !important; }
}

/* ---------- v1.6: trava do cadastro técnico ---------- */
body.sx-travado [data-action="new-competitor"], body.sx-travado [data-action="edit-competitor"], body.sx-travado [data-action="delete-competitor"],
body.sx-travado [data-action="new-product"], body.sx-travado [data-action="delete-product"], body.sx-travado [data-action="delete-produto-oxy"],
body.sx-travado #btn-novo-produto-oxy, body.sx-travado [data-sx-revisar], body.sx-travado [data-cat-excluir], body.sx-travado .sx-cat-guardar,
body.sx-sem-permissao [data-sx-importar], body.sx-nao-admin [data-sx-revisar]{ display:none !important; }
  background:#eef1f7; border:1px solid #d8dee9; color:#14284b; border-radius:12px; padding:8px 12px; margin:0 0 12px; }
.sx-leitura input:disabled, .sx-leitura select:disabled, .sx-leitura textarea:disabled{ opacity:1; color:var(--text); background:#f6f7fa; -webkit-text-fill-color:var(--text); }

/* v1.6.1: Ficha técnica — busca fixa no topo e botão fixo no rodapé da janela */
.sx-ficha-topo{ position:sticky; top:-20px; z-index:3; background:var(--surface); margin:0 -20px; padding:8px 20px 6px; border-bottom:1px solid var(--border); }
.sx-ficha-rodape{ position:sticky; bottom:-20px; z-index:3; background:var(--surface); margin:10px -20px -20px; padding:10px 20px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid var(--border); }
@media (min-width: 900px){
  .sx-ficha-topo{ top:-24px; margin:0 -26px; padding:8px 26px 6px; }
  .sx-ficha-rodape{ bottom:-24px; margin:10px -26px -24px; padding:10px 26px 14px; }
}

/* v1.6.2 — cadeado discreto do cadastro técnico */
.sx-com-cadeado{ display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sx-cadeado{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; margin-left:2px; vertical-align:middle;
  border:1px solid var(--border); background:var(--surface); color:var(--text-dim); border-radius:8px; cursor:pointer; flex:0 0 auto; }
.sx-cadeado svg{ width:15px; height:15px; }
.sx-cadeado:hover{ color:var(--navy); border-color:#c7d2e3; }
.sx-cadeado.sx-aberto{ color:#b45309; background:#fff7ed; border-color:#f5c98a; }
.sx-cadeado.sx-apagado{ opacity:.45; }
.sx-senha-fundo{ position:fixed; inset:0; z-index:10050; background:rgba(14,29,56,.45); display:flex; align-items:center; justify-content:center; padding:16px; }
.sx-senha-caixa{ width:100%; max-width:360px; background:var(--surface); border-radius:16px; box-shadow:var(--shadow-lg); padding:22px 20px 18px; text-align:center; font-family:Inter, system-ui, sans-serif; }
.sx-senha-ic{ width:44px; height:44px; margin:0 auto 10px; border-radius:50%; background:var(--accent-soft); color:var(--navy); display:flex; align-items:center; justify-content:center; }
.sx-senha-ic svg{ width:22px; height:22px; }
.sx-senha-tit{ font-weight:700; font-size:16px; color:var(--text); }
.sx-senha-sub{ font-size:13px; color:var(--text-dim); margin:6px 0 14px; line-height:1.4; }
.sx-senha-caixa input{ width:100%; box-sizing:border-box; font-size:16px; padding:11px 12px; border:1px solid var(--border); border-radius:10px; }
.sx-senha-erro{ min-height:18px; color:var(--danger); font-size:12.5px; margin:6px 0 4px; }
.sx-senha-bts{ display:flex; gap:8px; }
.sx-senha-bts button{ flex:1; padding:11px; border-radius:10px; font:600 14px Inter, system-ui, sans-serif; cursor:pointer; border:1px solid var(--border); background:var(--surface); color:var(--text); }
.sx-senha-bts .sx-senha-ok{ background:var(--navy); border-color:var(--navy); color:#fff; }
.sx-senha-bts .sx-senha-ok:disabled{ opacity:.6; }

/* v1.6.3 — comparativo técnico / mais próximos em tabela */
.sx-cmp-rolagem{ overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--border); border-radius:12px; }
.sx-cmp{ border-collapse:separate; border-spacing:0; width:100%; font-size:12.5px; }
.sx-cmp th, .sx-cmp td{ padding:8px 10px; text-align:center; border-bottom:1px solid var(--border); vertical-align:middle; white-space:nowrap; }
.sx-cmp tbody tr:last-child th, .sx-cmp tbody tr:last-child td{ border-bottom:0; }
.sx-cmp tbody th{ text-align:left; font-weight:500; color:var(--text-dim); position:sticky; left:0; background:var(--surface); z-index:1; }
.sx-cmp thead th{ vertical-align:bottom; background:var(--surface2); }
.sx-cmp thead th:first-child{ position:sticky; left:0; z-index:2; }
.sx-cmp .sx-cmp-nome{ font-weight:700; color:var(--text); font-size:13px; }
.sx-cmp .sx-cmp-cod{ font-weight:600; color:var(--text-dim); font-size:12px; }
.sx-cmp .sx-cmp-pos{ min-height:24px; margin-bottom:2px; }
.sx-cmp .sx-cmp-med{ font-size:19px; line-height:1; }
.sx-cmp .sx-cmp-tag.ref{ display:inline-block; background:var(--navy); color:#fff; border-radius:999px; padding:2px 9px; font-size:10.5px; font-weight:700; letter-spacing:.02em; }
.sx-cmp td.sx-cmp-ref, .sx-cmp th.sx-cmp-ref{ background:#eef2f9; }
.sx-cmp thead th.sx-cmp-ref{ background:#e3e9f4; }
.sx-cmp td.sx-cmp-top, .sx-cmp th.sx-cmp-top{ background:#fffaf0; }
.sx-cmp thead th.sx-cmp-top{ background:#fff3dc; box-shadow:inset 0 3px 0 #e8a33d; }
.sx-cmp .sx-cmp-prox td{ line-height:1.9; }
.sx-cmp .pill.sx-cmp-sub{ background:#e7f6ec; color:#15803d; }
.sx-cmp .sx-cmp-mais{ font-size:10px; font-weight:800; color:#b45309; letter-spacing:.04em; }
@media (max-width:700px){
  .sx-cmp{ font-size:11.5px; }
  .sx-cmp th, .sx-cmp td{ padding:6px 7px; }
  .sx-cmp tbody th{ white-space:normal; width:84px; min-width:84px; max-width:84px; font-size:10.5px; line-height:1.25; box-shadow:1px 0 0 var(--border); }
  .sx-cmp .sx-cmp-nome{ font-size:12px; } .sx-cmp .sx-cmp-cod{ font-size:11px; }
}
/* v1.6.4 — Oxyplast fora dos mais próximos */
.pill.sx-nao-prox{ background:#fdecec; color:#b42318; }
.sx-cmp td.sx-cmp-oxy, .sx-cmp th.sx-cmp-oxy{ background:#fafafa; border-left:2px dashed #d0d5dd; }
.sx-cmp thead th.sx-cmp-oxy{ background:#f2f4f7; }
.sx-cmp .sx-cmp-tag.fora{ display:inline-block; background:#f2f4f7; color:var(--text-dim); border:1px solid #d0d5dd; border-radius:999px; padding:1px 8px; font-size:10.5px; font-weight:700; }
.card.sx-oxy-fora{ border:1.5px dashed #d0d5dd; background:#fafafa; }
.sx-cmp td{ white-space:normal; min-width:84px; }
.sx-cmp thead th{ white-space:normal; min-width:84px; }
.sx-cmp .pill, .sx-cmp .sx-cmp-mais{ white-space:nowrap; }
/* v1.6.5 — custo simulado no Simulador */
#sim-custo.sx-custo-cadastro{ background:var(--surface2); opacity:.8; }
#sim-custo.sx-custo-simulado{ background:#fff7ed; border-color:#f5c98a; }
.sx-btn-simular{ display:inline-flex; align-items:center; gap:3px; margin-left:4px; padding:2px 9px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--navy); font:600 11.5px Inter, system-ui, sans-serif; cursor:pointer; vertical-align:middle; white-space:nowrap; }
.sx-btn-simular:hover{ border-color:#c7d2e3; background:var(--accent-soft); }