/* sheda: site público (ADR-0042). Classes com prefixo st- para não misturar com as telas do sistema. */
:root{
  --st-azul:#1F5FBF; --st-azul-escuro:#164A97; --st-azul-claro:#EAF1FC; --st-azul-fundo:#F4F8FE;
  --st-tinta:#0F1B2D; --st-texto:#3A4655; --st-suave:#5B6675; --st-borda:#E3E8EF;
  --st-laranja:#F59E0B; --st-verde:#1E7B3C; --st-verde-claro:#E3F4E8; --st-alerta:#B45309; --st-alerta-claro:#FDF0DC;
  --st-raio:20px; --st-sombra:0 1px 2px rgba(15,27,45,.04),0 8px 24px rgba(15,27,45,.06);
  --st-sombra-alta:0 24px 48px rgba(15,27,45,.14); --st-largura:1200px;
}
body.st{background:#fff;color:var(--st-texto);font-size:16px;line-height:1.6}
.st h1,.st h2,.st h3{color:var(--st-tinta);letter-spacing:-.025em}
.st-pular{position:absolute;left:-9999px;top:8px;background:var(--st-tinta);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.st-pular:focus{left:8px}
.st-azul{color:var(--st-azul)}.st-laranja{color:var(--st-laranja)}.st-fino{font-weight:400}.st-suave{color:var(--st-suave)}
.st-centro{text-align:center}

/* Botões */
.st-botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--st-borda);background:#fff;color:var(--st-tinta);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;cursor:pointer}
.st-botao:hover{border-color:var(--st-azul);color:var(--st-azul)}
.st-botao-cheio{background:var(--st-azul);border-color:var(--st-azul);color:#fff}
.st-botao-cheio:hover{background:var(--st-azul-escuro);border-color:var(--st-azul-escuro);color:#fff;box-shadow:0 8px 20px rgba(31,95,191,.28);transform:translateY(-1px)}
.st-botao-grande{min-height:54px;padding:0 28px;font-size:16px}
.st-botao-claro{background:#fff;border-color:#fff;color:var(--st-azul)}.st-botao-claro:hover{background:var(--st-azul-claro);border-color:var(--st-azul-claro)}
.st-botao-contorno-claro{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}.st-botao-contorno-claro:hover{border-color:#fff;color:#fff}
.st-botao.largo{width:100%}
.st-link-seta{display:inline-flex;align-items:center;gap:6px;color:var(--st-azul);font-weight:600;text-decoration:none}
.st-link-seta:hover .icone{transform:translateX(3px)}.st-link-seta .icone{transition:transform .15s}
.st a:focus-visible,.st button:focus-visible,.st summary:focus-visible{outline:3px solid rgba(31,95,191,.35);outline-offset:2px;border-radius:8px}

/* Topo */
.st-topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.st-topo.rolou{border-bottom-color:var(--st-borda);box-shadow:0 4px 18px rgba(15,27,45,.06)}
.st-topo-dentro{max-width:var(--st-largura);margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:28px}
.st-logo{display:flex;flex:none}.st-logo .marca-logo{height:28px}
.st-nav{flex:1;display:flex;align-items:center}
.st-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.st-item{position:static}
.st-link{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--st-tinta);font:inherit;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer}
.st-link:hover,.st-item.aberto>.st-link{background:var(--st-azul-fundo);color:var(--st-azul)}
.st-link .icone{transition:transform .2s}.st-item.aberto>.st-link .icone{transform:rotate(180deg)}
.st-nav-acoes{display:none}
.st-acoes{display:flex;align-items:center;gap:8px;margin-left:auto}
.st-entrar{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:44px;color:var(--st-tinta);font-weight:600;text-decoration:none;border-radius:999px}
.st-entrar:hover{color:var(--st-azul)}
.st-hamburguer{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;border-radius:12px;color:var(--st-tinta);cursor:pointer;place-items:center}

/* Painéis dos menus (computador) */
.st-painel{position:absolute;left:50%;top:64px;transform:translate(-50%,8px);width:min(760px,calc(100vw - 48px));background:#fff;border:1px solid var(--st-borda);border-radius:var(--st-raio);box-shadow:var(--st-sombra-alta);padding:24px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.st-painel-largo{width:min(1120px,calc(100vw - 48px))}
.st-item.aberto>.st-painel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.st-painel ul{list-style:none;margin:0;padding:0}
.st-painel-grade{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 20px}
.st-painel-duas{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.st-lista-duas{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.st-grupo-titulo{margin:0 0 8px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--st-suave)}
.st-opcao{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;color:var(--st-tinta);text-decoration:none}
.st-opcao:hover{background:var(--st-azul-fundo)}
.st-opcao b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.st-opcao small{display:block;font-size:13px;line-height:1.4;color:var(--st-suave);margin-top:2px}
.st-opcao-icone{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--st-azul-claro);color:var(--st-azul)}
.st-breve{display:inline-block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.02em;padding:1px 8px;border-radius:999px;background:var(--st-alerta-claro);color:var(--st-alerta);vertical-align:middle;white-space:nowrap}
.st-painel-rodape{display:flex;align-items:center;gap:6px;margin:16px -24px -24px;padding:14px 34px;border-top:1px solid var(--st-borda);background:var(--st-azul-fundo);border-radius:0 0 var(--st-raio) var(--st-raio);color:var(--st-azul);font-weight:600;font-size:14px;text-decoration:none}
.st-destaque{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;background:linear-gradient(150deg,var(--st-azul) 0%,#2B74DE 100%);color:#fff;text-decoration:none}
.st-destaque b{font-size:18px}.st-destaque span{font-size:14px;line-height:1.5;opacity:.92}
.st-destaque-icone{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;opacity:1!important}
.st-destaque-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-top:auto;opacity:1!important}

/* Herói */
.st-heroi{max-width:var(--st-largura);margin:0 auto;padding:40px 24px 32px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.st-selo{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px 14px;border-radius:999px;background:var(--st-azul-fundo);color:var(--st-azul);font-size:14px;font-weight:600}
.st-heroi h1{font-size:clamp(30px,3.2vw,44px);line-height:1.12;font-weight:800;letter-spacing:-.01em;margin:0 0 16px;max-width:560px}
.st-heroi h1 .st-fino{display:block;font-weight:300;color:var(--st-tinta)}
.st-heroi-sub{font-size:17px;line-height:1.6;color:var(--st-texto);margin:0 0 24px;max-width:520px}
.st-heroi-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.st-heroi-nota{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;color:var(--st-suave);font-size:14px}
.st-heroi-nota span{display:inline-flex;align-items:center;gap:6px}.st-heroi-nota .icone{color:var(--st-verde)}
.st-heroi-visual{position:relative;aspect-ratio:6/7;max-height:480px;border-radius:28px;overflow:visible}
.st-heroi-visual>img,.st-heroi-desenho{width:100%;height:100%;object-fit:cover;border-radius:28px;display:block}
/* Quando a foto é cortada (tablet e celular), o corte guarda o rosto, que fica no alto da foto. */
.st-heroi-visual>img{object-position:50% 18%}
.st-heroi-desenho{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 20% 10%,#4C8BEA 0%,var(--st-azul) 45%,#163E80 100%)}
.st-heroi-desenho span{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.st-heroi-desenho span:nth-child(1){width:70%;aspect-ratio:1;right:-20%;top:-15%}
.st-heroi-desenho span:nth-child(2){width:45%;aspect-ratio:1;left:-12%;bottom:-8%;background:rgba(245,158,11,.22)}
.st-heroi-desenho span:nth-child(3){width:22%;aspect-ratio:1;left:38%;top:38%;background:rgba(255,255,255,.12)}
.st-flutua{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:16px;box-shadow:var(--st-sombra-alta);font-size:14px;animation:st-boia 6s ease-in-out infinite}
.st-flutua small{display:block;color:var(--st-suave);font-size:12px}.st-flutua b{color:var(--st-tinta);font-size:15px}
/* Cartões em volta da pessoa, nunca sobre o rosto nem sobre o tablet (manual 58):
   venda no alto à direita (prateleira ao fundo), fluxo de caixa à esquerda (prateleira laranja),
   estoque mínimo embaixo à esquerda. */
.st-flutua-1{right:-28px;top:8%}
.st-flutua-2{left:-36px;top:38%;flex-direction:column;align-items:flex-start;gap:6px;animation-delay:-2s}
.st-flutua-3{left:-20px;bottom:8%;animation-delay:-4s}
.st-flutua-icone{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.st-ok{background:var(--st-verde-claro);color:var(--st-verde)}.st-alerta{background:var(--st-alerta-claro);color:var(--st-alerta)}
.st-mini-barras{display:flex;align-items:flex-end;gap:5px;height:44px}
.st-mini-barras i{display:block;width:12px;border-radius:4px;background:var(--st-azul-claro)}.st-mini-barras i:last-child{background:var(--st-azul)}
@keyframes st-boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Faixa de benefícios */
.st-faixa{max-width:var(--st-largura);margin:0 auto 24px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.st-faixa-item{display:flex;gap:12px;align-items:center;padding:18px;border:1px solid var(--st-borda);border-radius:16px;color:var(--st-azul)}
.st-faixa-item span{display:flex;flex-direction:column;font-size:14px;color:var(--st-suave);line-height:1.4}
.st-faixa-item b{color:var(--st-tinta);font-size:15px}

/* Seções */
.st-secao{padding:96px max(24px,calc((100% - var(--st-largura)) / 2 + 24px))}
.st-sem-topo{padding-top:16px}
.st-estreita{padding-left:max(24px,calc((100% - 800px) / 2));padding-right:max(24px,calc((100% - 800px) / 2))}
.st-fundo-azul{background:var(--st-azul-fundo)}
.st-fundo-escuro{background:var(--st-tinta);color:#C9D3E0}
.st-fundo-escuro h2,.st-fundo-escuro b{color:#fff}
.st-titulo-secao{text-align:center;max-width:780px;margin:0 auto 48px}
.st-titulo-secao.st-esquerda{text-align:left;margin-left:0}
.st h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;font-weight:800;margin:0 0 16px}
.st-titulo-secao p,.st-duas-colunas>div>p{font-size:18px;color:var(--st-suave);margin:0 0 20px}
.st-fundo-escuro .st-duas-colunas>div>p{color:#C9D3E0}
.st-sobretitulo{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--st-azul)}
.st-fundo-escuro .st-sobretitulo{color:var(--st-laranja)}
.st-duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.st-checks{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px}
.st-checks li{display:flex;gap:10px;align-items:flex-start}
.st-checks .icone{flex:none;color:var(--st-verde);margin-top:3px}

/* Abas Gerir / Vender / Decidir */
.st-abas-botoes{display:flex;justify-content:center;gap:6px;margin:0 auto 40px;padding:6px;background:var(--st-azul-fundo);border-radius:999px;width:max-content;max-width:100%}
.st-abas-botoes button{border:0;background:none;font:inherit;font-weight:600;font-size:16px;color:var(--st-suave);padding:10px 28px;border-radius:999px;cursor:pointer}
.st-abas-botoes button[aria-selected=true]{background:#fff;color:var(--st-azul);box-shadow:var(--st-sombra)}
.st-aba{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.st-aba[hidden]{display:none}
.st-aba h3{font-size:28px;margin:0 0 12px}.st-aba>div>p{font-size:17px;color:var(--st-suave)}
.st-cartao-demo{background:#fff;border:1px solid var(--st-borda);border-radius:var(--st-raio);box-shadow:var(--st-sombra-alta);padding:24px;position:relative}
.st-cartao-demo::before{content:"";position:absolute;inset:-18px 18px auto auto;width:120px;height:120px;border-radius:32px;background:var(--st-azul-claro);z-index:-1}
.st-demo-titulo{margin:0 0 12px;font-weight:700;color:var(--st-tinta)}
.st-demo-linha{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--st-borda);font-size:15px}
.st-demo-linha b{color:var(--st-tinta)}
.st-demo-total{display:flex;justify-content:space-between;padding:14px 16px;margin-top:8px;border-radius:12px;background:var(--st-azul-fundo);font-size:16px}
.st-demo-total b{font-size:18px}
.st-demo-meta{height:12px;border-radius:999px;background:var(--st-azul-claro);margin:4px 0 12px;overflow:hidden}
.st-demo-meta span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--st-azul),#4C8BEA)}
.st-tag{font-style:normal;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px}
.st-tag-ok{background:var(--st-verde-claro);color:var(--st-verde)}.st-tag-alerta{background:var(--st-alerta-claro);color:var(--st-alerta)}

/* Gráfico de crescimento */
.st-grafico{margin:0;background:#fff;border:1px solid var(--st-borda);border-radius:var(--st-raio);box-shadow:var(--st-sombra-alta);padding:24px 24px 12px}
.st-grafico>svg{width:100%;height:auto;display:block}
.st-grafico-topo{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.st-grafico-topo small{display:block;color:var(--st-suave);font-size:13px}.st-grafico-topo b{font-size:28px;color:var(--st-tinta);letter-spacing:-.02em}
.st-grafico-alta{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--st-verde-claro);color:var(--st-verde);font-weight:700;font-size:14px}
.st-grafico figcaption{text-align:right;font-size:11px;color:#9AA4B2;margin-top:4px}
.st-grafico-barras rect{transform-origin:bottom;transform-box:fill-box}
.js .st-grafico:not(.visto) .st-grafico-barras rect{transform:scaleY(0)}
.js .st-grafico:not(.visto) .st-grafico-linha{stroke-dashoffset:1}
.js .st-grafico:not(.visto) .st-grafico-area,.js .st-grafico:not(.visto) .st-grafico-ponto{opacity:0}
.st-grafico-linha{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s ease .5s}
.st-grafico-barras rect{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.st-grafico-barras rect:nth-child(2){transition-delay:.06s}.st-grafico-barras rect:nth-child(3){transition-delay:.12s}.st-grafico-barras rect:nth-child(4){transition-delay:.18s}
.st-grafico-barras rect:nth-child(5){transition-delay:.24s}.st-grafico-barras rect:nth-child(6){transition-delay:.3s}.st-grafico-barras rect:nth-child(7){transition-delay:.36s}.st-grafico-barras rect:nth-child(8){transition-delay:.42s}
.st-grafico-area,.st-grafico-ponto{transition:opacity .6s ease 1.6s}

/* Grades e cartões */
.st-grade-recursos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.st-recurso{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--st-borda);border-radius:14px;background:#fff;color:var(--st-tinta);text-decoration:none;font-size:15px;transition:border-color .15s,box-shadow .15s}
a.st-recurso:hover{border-color:var(--st-azul);box-shadow:var(--st-sombra)}
.st-recurso .st-breve{margin-left:auto}
.st-grade-quatro{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.st-grade-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.st-cartao-link{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--st-borda);border-radius:var(--st-raio);color:var(--st-texto);text-decoration:none;background:#fff;transition:transform .15s,box-shadow .15s,border-color .15s}
.st-cartao-link:hover{transform:translateY(-3px);box-shadow:var(--st-sombra-alta);border-color:transparent}
.st-cartao-link b{color:var(--st-tinta);font-size:17px}.st-cartao-link span:last-child{font-size:15px;color:var(--st-suave)}
.st-suporte-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.st-suporte-lista li{display:flex;gap:16px;padding:22px;border-radius:var(--st-raio);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.st-suporte-lista .icone{flex:none;color:var(--st-laranja)}
.st-suporte-lista span{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.5}
.st-suporte-lista b{font-size:16px}

/* Planos */
.st-planos{gap:20px;margin:0}
.st-plano{padding:28px;border-radius:var(--st-raio);border:1px solid var(--st-borda);box-shadow:var(--st-sombra);gap:8px;position:relative}
.st-plano.plano-destaque{border:2px solid var(--st-azul);box-shadow:0 16px 40px rgba(31,95,191,.16)}
.st-plano h3{font-size:22px;margin:0}
.st-plano-desc{color:var(--st-suave);font-size:14px;min-height:42px}
.st-plano .plano-preco{font-size:40px;font-weight:800;color:var(--st-tinta);letter-spacing:-.03em;margin:8px 0 12px}
.st-plano .plano-preco small{font-size:16px;font-weight:500;color:var(--st-suave)}
.st-plano .st-botao{margin-top:0}
.st-plano-nota{text-align:center;color:var(--st-suave);font-size:13px;margin:0 0 12px!important}
.st-plano-itens{border-top:1px solid var(--st-borda);padding-top:16px;margin:0;font-size:15px}
.st-plano-selo{position:absolute;top:-12px;left:28px}

/* Perguntas */
.st-perguntas{display:flex;flex-direction:column;gap:12px}
.st-pergunta{border:1px solid var(--st-borda);border-radius:16px;background:#fff}
.st-pergunta summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-weight:600;font-size:17px;color:var(--st-tinta);cursor:pointer}
.st-pergunta summary::-webkit-details-marker{display:none}
.st-pergunta summary .icone{flex:none;color:var(--st-azul);transition:transform .2s}
.st-pergunta[open] summary .icone{transform:rotate(180deg)}
.st-pergunta p{margin:0;padding:0 22px 20px;color:var(--st-suave)}

/* Chamada final */
.st-chamada{margin:0 max(24px,calc((100% - var(--st-largura)) / 2 + 24px)) 96px;padding:56px;border-radius:28px;background:radial-gradient(120% 140% at 0% 0%,#3C7FE3 0%,var(--st-azul) 40%,#143C7C 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.st-chamada h2{color:#fff;margin:0 0 8px}.st-chamada p{margin:0;font-size:18px;opacity:.9}
.st-chamada-acoes{display:flex;gap:12px;flex-wrap:wrap}

/* Páginas internas */
.st-cabecalho{max-width:900px;margin:0 auto;padding:72px 24px 48px;text-align:center}
.st-cabecalho h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;font-weight:800;margin:0 0 16px}
.st-cabecalho>p{font-size:19px;color:var(--st-suave);margin:0}
.st-atalhos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
.st-atalhos a{padding:8px 16px;border-radius:999px;background:var(--st-azul-fundo);color:var(--st-azul);font-weight:600;font-size:14px;text-decoration:none}
.st-atalhos a:hover{background:var(--st-azul-claro)}
.st-grade-detalhe{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.st-detalhe{background:#fff;border:1px solid var(--st-borda);border-radius:var(--st-raio);padding:28px;scroll-margin-top:96px;display:flex;flex-direction:column;gap:4px}
.st-detalhe h3{font-size:20px;margin:12px 0 4px}.st-detalhe>p{color:var(--st-suave);margin:0 0 16px}
.st-detalhe .st-checks{margin:0 0 16px;font-size:15px}
.st-detalhe .st-botao{margin-top:auto;align-self:flex-start}
.st-icone-grande{width:56px;height:56px;border-radius:16px;margin-bottom:16px}
.st-cartao-lista{background:#fff;border:1px solid var(--st-borda);border-radius:var(--st-raio);padding:28px;margin:0;box-shadow:var(--st-sombra)}
.st-contatos{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.st-contatos li{display:flex;gap:10px;align-items:center}.st-contatos .icone{color:var(--st-azul)}
[id]{scroll-margin-top:88px}

/* Rodapé */
.st-rodape{background:var(--st-azul-fundo);border-top:1px solid var(--st-borda)}
.st-rodape-dentro{max-width:var(--st-largura);margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.2fr 2fr;gap:48px}
.st-rodape-marca p{color:var(--st-suave);font-size:15px;max-width:320px}
.st-rodape-marca .marca-logo{height:28px}
.st-rodape-contato{list-style:none;margin:0;padding:0;font-size:14px;display:flex;flex-direction:column;gap:6px}
.st-rodape-contato a{color:var(--st-texto)}
.st-rodape-colunas{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.st-rodape-colunas div{display:flex;flex-direction:column;gap:10px}
.st-rodape-colunas p{margin:0 0 4px;font-weight:700;color:var(--st-tinta)}
.st-rodape-colunas a{color:var(--st-suave);text-decoration:none;font-size:14px}
.st-rodape-colunas a:hover{color:var(--st-azul)}
.st-rodape-fim{border-top:1px solid var(--st-borda);max-width:var(--st-largura);margin:0 auto;padding:20px 24px;font-size:13px;color:var(--st-suave)}
.st-rodape-fim p{margin:0}

/* Páginas antigas (cadastro, termos) dentro do visual novo */
.site>main.site-secao{padding-top:48px;padding-bottom:64px}

/* Tablet */
@media (max-width:1100px){
  .st-painel-grade{grid-template-columns:repeat(3,1fr)}
  .st-flutua-1{right:-12px}.st-flutua-2{left:-12px;top:31%}.st-flutua-3{left:-8px}
  .st-grade-quatro{grid-template-columns:repeat(2,1fr)}
}
/* Celular e tablet: menu vira gaveta */
@media (max-width:960px){
  /* backdrop-filter faria a gaveta (position:fixed) ficar presa dentro do topo */
  .st-topo{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .st-topo-dentro{height:64px;gap:12px}
  .st-hamburguer{display:grid}
  .st-acoes .st-entrar{display:none}
  .st-acoes{margin-left:auto}
  .st-hamburguer{margin-left:0}
  .st-nav{position:fixed;inset:64px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 24px;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s}
  .st-topo.menu-aberto .st-nav{transform:none;visibility:visible}
  .st-menu{flex-direction:column;align-items:stretch;gap:0}
  .st-item{border-bottom:1px solid var(--st-borda)}
  .st-link{width:100%;height:56px;justify-content:space-between;font-size:17px;border-radius:0;padding:0 4px}
  .st-link:hover,.st-item.aberto>.st-link{background:none}
  .st-painel,.st-painel-largo{position:static;transform:none;width:auto;border:0;box-shadow:none;padding:0 0 12px;display:none;opacity:1;visibility:visible}
  .st-item.aberto>.st-painel{display:block;transform:none}
  .st-painel-grade,.st-painel-duas,.st-lista-duas{grid-template-columns:1fr}
  .st-grupo{margin-bottom:8px}
  .st-painel-rodape{margin:8px 0 0;border-radius:12px;padding:12px}
  .st-destaque{display:none}
  .st-nav-acoes{display:flex;flex-direction:column;gap:10px;margin-top:20px}
  .st-nav-acoes .st-botao{min-height:52px}
  .st-heroi{grid-template-columns:1fr;gap:40px;padding-top:32px}
  .st-heroi-visual{aspect-ratio:4/3;max-height:none;margin:0 12px}
  .st-faixa{grid-template-columns:repeat(2,1fr)}
  .st-duas-colunas,.st-aba{grid-template-columns:1fr;gap:40px}
  .st-grade-tres{grid-template-columns:1fr}
  .st-rodape-dentro{grid-template-columns:1fr}
  .st-secao{padding-top:64px;padding-bottom:64px}
}
@media (max-width:600px){
  .st-acoes .st-botao{min-height:40px;padding:0 14px;font-size:14px}
  .st-logo .marca-logo{height:24px}
  .st-heroi-sub{font-size:16px}
  .st-heroi-acoes .st-botao{width:100%}
  /* Celular: foto quadrada (mostra rosto, tablet e mão) e dois cartões longe do rosto:
     fluxo de caixa (estreito) no alto à direita, venda embaixo à esquerda, abaixo do tablet. */
  .st-heroi-visual{margin:0;aspect-ratio:1/1}
  .st-flutua{padding:10px 12px;font-size:13px}.st-flutua b{font-size:13px}
  .st-mini-barras{height:32px;gap:4px}.st-mini-barras i{width:10px}
  .st-flutua-1{right:auto;left:8px;top:auto;bottom:8px}.st-flutua-2{left:auto;right:8px;top:8px}.st-flutua-3{display:none}
  .st-faixa{grid-template-columns:1fr}
  .st-grade-quatro{grid-template-columns:1fr}
  .st-grade-recursos{grid-template-columns:1fr 1fr;gap:8px}
  .st-recurso{flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:14px}
  .st-recurso .st-breve{margin-left:0}
  .st-abas-botoes button{padding:10px 18px}
  .st-demo-linha{font-size:14px}
  .st-chamada{padding:32px 24px;margin-left:16px;margin-right:16px}
  .st-chamada-acoes,.st-chamada-acoes .st-botao{width:100%}
  .st-rodape-colunas{grid-template-columns:1fr 1fr}
  .st-secao{padding-left:16px;padding-right:16px}
  .st-plano{padding:24px}
}
@media (prefers-reduced-motion:reduce){
  .st-flutua{animation:none}
  .st *{transition:none!important}
}