/* Site institucional do Equipi (equipi.com.br). Mesmas cores, fonte e logotipo do site anterior.
   Páginas: início, recursos, loja online, fiscal e contadores. Tema dia/noite conforme o modo do computador ou celular. */
:root{
  --fundo:#F4F8F6;--fundo-2:#E9F2EE;--superficie:#FFFFFF;
  --tinta:#18252F;--tinta-suave:#4B5C66;--linha:#D8E4DE;
  --verde:#00B96B;--verde-escuro:#006D4D;--verde-claro:#DDF5EA;
  --botao:#006D4D;--botao-texto:#FFFFFF;
  --faixa:#0C3B2E;--faixa-texto:#FFFFFF;--faixa-suave:#BFE9D6;
  --cupom:#FFFFFF;--cupom-tinta:#1C2328;--cupom-suave:#5E6A70;
  --losango-a:#00B96B;--losango-b:#00865A;
  --sombra:rgba(16,40,32,.14);
  --fonte:"Lexend",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --largura:1160px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --fundo:#0E1A20;--fundo-2:#12232A;--superficie:#152830;--tinta:#EEF4F1;--tinta-suave:#A3B5AF;--linha:#24373F;
  --verde:#22D18D;--verde-escuro:#0B5E43;--verde-claro:#123A2E;--botao:#22D18D;--botao-texto:#0B1A14;
  --faixa:#0B2A21;--faixa-texto:#F2FAF6;--faixa-suave:#9FDCC1;
  --losango-a:#13A867;--losango-b:#0B6E4B;--sombra:rgba(0,0,0,.45);color-scheme:dark}}
:root[data-theme="dark"]{
  --fundo:#0E1A20;--fundo-2:#12232A;--superficie:#152830;--tinta:#EEF4F1;--tinta-suave:#A3B5AF;--linha:#24373F;
  --verde:#22D18D;--verde-escuro:#0B5E43;--verde-claro:#123A2E;--botao:#22D18D;--botao-texto:#0B1A14;
  --faixa:#0B2A21;--faixa-texto:#F2FAF6;--faixa-suave:#9FDCC1;
  --losango-a:#13A867;--losango-b:#0B6E4B;--sombra:rgba(0,0,0,.45);color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
:focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:6px}
.conteiner{max-width:var(--largura);margin:0 auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.pular{position:absolute;left:-999px;top:8px;background:var(--botao);color:var(--botao-texto);padding:10px 14px;border-radius:8px;z-index:50}
.pular:focus{left:12px}

/* Logotipo conforme o tema */
.logo-noite{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-dia{display:none}:root:not([data-theme="light"]) .logo-noite{display:block}}
:root[data-theme="dark"] .logo-dia{display:none}
:root[data-theme="dark"] .logo-noite{display:block}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--fundo) 92%,transparent);
  backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.topo .conteiner{display:flex;align-items:center;gap:18px;padding-block:12px}
.marca img{height:38px;width:auto}
.menu{display:flex;gap:4px;margin-left:16px;font-size:15px}
.menu a{text-decoration:none;color:var(--tinta-suave);padding:8px 12px;border-radius:9px}
.menu a:hover{color:var(--tinta);background:var(--fundo-2)}
.menu a[aria-current="page"]{color:var(--tinta);font-weight:600;background:var(--fundo-2)}
.acoes{display:flex;margin-left:auto;align-items:center;gap:8px}
.icone-botao{width:42px;height:42px;border-radius:50%;border:1px solid var(--linha);background:var(--superficie);
  color:var(--tinta);display:grid;place-items:center;cursor:pointer;padding:0}
.icone-botao svg{width:20px;height:20px}
.abrir-menu{display:none}
.menu-celular{display:none}

/* Botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1 var(--fonte);text-decoration:none;
  padding:15px 22px;border-radius:12px;border:2px solid transparent;white-space:nowrap;cursor:pointer;transition:filter .15s,background .15s}
.botao svg{width:18px;height:18px;flex:none}
.botao-principal{background:var(--botao);color:var(--botao-texto)}
.botao-principal:hover{filter:brightness(1.08)}
.botao-contorno{border-color:var(--linha);background:var(--superficie);color:var(--tinta)}
.botao-contorno:hover{border-color:var(--tinta)}
.botao-contorno[aria-current="page"]{border-color:var(--verde)}
.botao-claro{background:#fff;color:#0C3B2E}
.botao-claro:hover{filter:brightness(.96)}
.botao-vazado{border-color:rgba(255,255,255,.45);color:#fff}
.botao-vazado:hover{background:rgba(255,255,255,.08)}
.botao-pequeno{padding:10px 14px;font-size:14.5px;border-radius:10px}

/* Títulos e blocos */
.secao{padding-block:88px}
.secao-alt{background:var(--fundo-2)}
.etiqueta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--verde-escuro);margin:0 0 14px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .etiqueta{color:var(--verde)}}
:root[data-theme="dark"] .etiqueta{color:var(--verde)}
.etiqueta::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--verde);transform:rotate(45deg)}
.etiqueta{align-items:flex-start}.etiqueta::before{flex:none;margin-top:.3em}
h1,h2,h3{text-wrap:balance}
.titulo{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;max-width:22ch}
.intro{font-size:1.12rem;color:var(--tinta-suave);margin:0 0 44px;max-width:60ch}
.cabeca-secao{margin-bottom:8px}

/* Herói */
.heroi{position:relative;overflow:hidden}
.heroi .conteiner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-block:72px 88px}
.heroi h1{font-size:clamp(2.4rem,5.4vw,4.3rem);line-height:1.02;font-weight:800;letter-spacing:-.04em;margin:0 0 22px;max-width:15ch}
.heroi h1 em{font-style:normal;color:var(--verde-escuro)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .heroi h1 em{color:var(--verde)}}
:root[data-theme="dark"] .heroi h1 em{color:var(--verde)}
.heroi .lead{font-size:1.18rem;color:var(--tinta-suave);margin:0 0 30px;max-width:48ch}
.chamadas{display:flex;flex-wrap:wrap;gap:12px}
.selos{display:flex;flex-wrap:wrap;gap:8px 18px;margin:28px 0 0;padding:0;list-style:none;font-size:14.5px;color:var(--tinta-suave)}
.selos li{display:flex;align-items:center;gap:8px}
.selos svg{width:18px;height:18px;color:var(--verde);flex:none}
.cabeca-pagina{padding-block:64px 24px}
.cabeca-pagina h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05;font-weight:800;letter-spacing:-.035em;margin:0 0 18px;max-width:20ch}
.cabeca-pagina .lead{font-size:1.15rem;color:var(--tinta-suave);margin:0 0 28px;max-width:60ch}

/* Tela de exemplo do sistema (desenhada em HTML) */
.palco{position:relative;min-height:480px;display:grid;place-items:center}
.losango{position:absolute;border-radius:36px;transform:rotate(45deg)}
.losango.a{width:280px;height:280px;background:var(--losango-a);top:-10px;right:6%;opacity:.95}
.losango.b{width:200px;height:200px;background:var(--losango-b);bottom:0;left:4%}
.tela{position:relative;width:min(540px,100%);background:var(--superficie);border:1px solid var(--linha);border-radius:18px;
  box-shadow:0 30px 60px -20px var(--sombra),0 8px 20px -10px var(--sombra);overflow:hidden;font-size:13.5px}
.tela-barra{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--linha);background:var(--fundo)}
.tela-barra i{width:10px;height:10px;border-radius:50%;background:var(--linha)}
.tela-barra span{margin-left:8px;font-size:12px;color:var(--tinta-suave)}
.tela-corpo{display:grid;grid-template-columns:1.25fr 1fr}
.tela-itens{padding:14px;border-right:1px solid var(--linha)}
.tela-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--linha)}
.tela-item b{font-weight:600}
.tela-item small{display:block;color:var(--tinta-suave);font-size:12px}
.tela-item .valor{font-family:var(--mono);font-weight:600;white-space:nowrap}
.tela-lado{padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--fundo)}
.tela-total{background:var(--faixa);color:#fff;border-radius:12px;padding:12px 14px}
.tela-total small{opacity:.8;font-size:12px}
.tela-total strong{display:block;font-family:var(--mono);font-size:24px;letter-spacing:-.02em}
.tela-forma{display:flex;justify-content:space-between;align-items:center;background:var(--superficie);border:1px solid var(--linha);
  border-radius:10px;padding:9px 11px}
.tela-forma .valor{font-family:var(--mono);font-weight:600}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:99px;
  background:var(--verde-claro);color:var(--verde-escuro)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pill{color:var(--verde)}}
:root[data-theme="dark"] .pill{color:var(--verde)}
.flutuante{position:absolute;background:var(--superficie);border:1px solid var(--linha);border-radius:14px;padding:12px 14px;
  box-shadow:0 18px 40px -16px var(--sombra);font-size:13.5px;display:flex;gap:10px;align-items:center}
.flutuante svg{width:22px;height:22px;color:var(--verde);flex:none}
.flutuante strong{display:block;font-size:14px}
.flutuante small{color:var(--tinta-suave)}
.flutuante.um{left:-10px;bottom:34px}
.flutuante.dois{right:-6px;top:28px}

/* Faixa de módulos */
.faixa-modulos{border-block:1px solid var(--linha);background:var(--superficie)}
.faixa-modulos ul{list-style:none;margin:0;padding:18px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;
  font-size:15px;color:var(--tinta-suave)}
.faixa-modulos li{display:flex;align-items:center;gap:8px}
.faixa-modulos li::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--verde);transform:rotate(45deg)}

/* Cartões */
.grade{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:6px}
.cartao h3{font-size:1.15rem;margin:8px 0 2px;letter-spacing:-.01em}
.cartao p{margin:0;color:var(--tinta-suave);font-size:15.5px}
.cartao .mais{margin-top:auto;padding-top:14px;font-weight:600;font-size:15px;color:var(--verde-escuro);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cartao .mais{color:var(--verde)}}
:root[data-theme="dark"] .cartao .mais{color:var(--verde)}
a.cartao{text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
a.cartao:hover{transform:translateY(-3px);border-color:var(--verde);box-shadow:0 16px 30px -18px var(--sombra)}
.icone{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--verde-claro);color:var(--verde-escuro)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .icone{color:var(--verde)}}
:root[data-theme="dark"] .icone{color:var(--verde)}
.icone svg{width:24px;height:24px}
.lista-check{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.lista-check li{position:relative;padding-left:28px;color:var(--tinta-suave);font-size:15.5px}
.lista-check li::before{content:"";position:absolute;left:2px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--verde-claro)}
.lista-check li::after{content:"";position:absolute;left:7px;top:9px;width:5px;height:8px;border:solid var(--verde-escuro);border-width:0 2px 2px 0;transform:rotate(45deg)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lista-check li::after{border-color:var(--verde)}}
:root[data-theme="dark"] .lista-check li::after{border-color:var(--verde)}
.lista-check strong{color:var(--tinta);font-weight:600}

/* Bloco destaque (texto + ilustração) */
.destaque{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.destaque.inverso > :first-child{order:2}
.destaque h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;font-weight:800;letter-spacing:-.03em;margin:0 0 14px}
.destaque > div > p{color:var(--tinta-suave);margin:0 0 8px;font-size:1.05rem}
.quadro{background:var(--superficie);border:1px solid var(--linha);border-radius:18px;padding:22px;box-shadow:0 24px 50px -28px var(--sombra)}
.quadro h4{margin:0 0 12px;font-size:14px;color:var(--tinta-suave);font-weight:600}
table.mini{width:100%;border-collapse:collapse;font-size:14.5px}
table.mini th{text-align:left;font-weight:600;color:var(--tinta-suave);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--linha)}
table.mini td{padding:9px 8px;border-bottom:1px solid var(--linha)}
table.mini td.n{text-align:right;font-family:var(--mono);font-weight:600}
table.mini th.n{text-align:right}
table.mini tr:last-child td{border-bottom:0}
.baixo{color:#C2410C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .baixo{color:#FF9B5E}}
:root[data-theme="dark"] .baixo{color:#FF9B5E}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--linha);border-radius:10px;padding:8px 12px;font-size:14px;background:var(--fundo);min-width:44px;text-align:center}
.chip.on{border-color:var(--verde);background:var(--verde-claro);font-weight:600}
.barra-meta{height:12px;border-radius:99px;background:var(--fundo-2);overflow:hidden;margin:6px 0 4px}
.barra-meta span{display:block;height:100%;background:var(--verde);border-radius:99px}
.linha-quadro{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:8px 0;border-bottom:1px solid var(--linha)}
.linha-quadro:last-child{border-bottom:0}
.linha-quadro .valor{font-family:var(--mono);font-weight:600}

/* Passos */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:passo}
.passos li{counter-increment:passo;background:var(--superficie);border:1px solid var(--linha);border-radius:18px;padding:26px}
.passos li::before{content:counter(passo);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--botao);color:var(--botao-texto);font-weight:800;margin-bottom:14px}
.passos h3{margin:0 0 6px;font-size:1.15rem}
.passos p{margin:0;color:var(--tinta-suave);font-size:15.5px}

/* Perguntas */
.perguntas{display:grid;gap:10px;max-width:860px}
.perguntas details{background:var(--superficie);border:1px solid var(--linha);border-radius:14px;padding:0 20px}
.perguntas summary{cursor:pointer;list-style:none;font-weight:600;padding:18px 28px 18px 0;position:relative}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";position:absolute;right:0;top:14px;font-size:24px;font-weight:400;color:var(--verde-escuro)}
.perguntas details[open] summary::after{content:"–"}
.perguntas details p{margin:0 0 18px;color:var(--tinta-suave)}

/* Faixa de chamada */
.chamada-final{background:var(--faixa);color:var(--faixa-texto);border-radius:28px;padding:56px;display:grid;
  grid-template-columns:1.3fr .7fr;gap:36px;align-items:center;position:relative;overflow:hidden}
.chamada-final::after{content:"";position:absolute;width:260px;height:260px;border-radius:40px;background:rgba(255,255,255,.06);
  transform:rotate(45deg);right:-60px;bottom:-110px}
.chamada-final h2{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:0 0 12px}
.chamada-final p{margin:0;color:var(--faixa-suave);font-size:1.08rem}
.chamada-final .chamadas{justify-content:flex-end;position:relative;z-index:1}

/* Páginas: índice de seções */
.indice{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.indice a{display:inline-block;text-decoration:none;font-size:14.5px;padding:8px 14px;border-radius:99px;border:1px solid var(--linha);
  background:var(--superficie);color:var(--tinta-suave)}
.indice a:hover{border-color:var(--verde);color:var(--tinta)}
.area{scroll-margin-top:90px}
.area + .area{border-top:1px solid var(--linha)}

/* Rodapé */
.rodape{background:var(--superficie);border-top:1px solid var(--linha);margin-top:88px;padding-block:56px 32px;font-size:15px}
.rodape .colunas{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.rodape img{height:34px;width:auto}
.rodape h4{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-suave)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape a{text-decoration:none;color:var(--tinta)}
.rodape a:hover{color:var(--verde-escuro);text-decoration:underline}
.rodape .slogan{color:var(--tinta-suave);margin:12px 0 0;max-width:30ch}
.rodape .base{border-top:1px solid var(--linha);margin-top:40px;padding-top:20px;color:var(--tinta-suave);font-size:14px;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}

/* Botão flutuante do WhatsApp */
.zap{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:25;
  width:56px;height:56px;border-radius:50%;background:#1FAF5A;color:#fff;display:grid;place-items:center;
  box-shadow:0 12px 26px -8px rgba(0,0,0,.35)}
.zap svg{width:28px;height:28px}

/* Celular e tablet */
@media (max-width:1060px){
  .menu{display:none}
  .acoes .so-pc{display:none}
  .abrir-menu{display:grid;margin-left:auto}
  .menu-celular{display:block;border-top:1px solid var(--linha);background:var(--fundo)}
  .menu-celular[hidden]{display:none!important}
  .menu-celular nav{display:grid;padding:10px 0 18px}
  .menu-celular nav a{text-decoration:none;padding:12px 4px;border-bottom:1px solid var(--linha);font-size:16px}
  .menu-celular nav a[aria-current="page"]{color:var(--verde-escuro);font-weight:600}
  .menu-celular .botoes{display:grid;gap:10px;padding-top:14px}
  .g4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .heroi .conteiner,.destaque,.chamada-final{grid-template-columns:1fr}
  .destaque.inverso > :first-child{order:0}
  .g3,.passos{grid-template-columns:1fr 1fr}
  .rodape .colunas{grid-template-columns:1fr 1fr}
  .chamada-final{padding:40px 28px}
  .chamada-final .chamadas{justify-content:flex-start}
  .palco{min-height:auto;padding:30px 0}
}
@media (max-width:640px){
  body{font-size:16px}
  .secao{padding-block:60px}
  .heroi .conteiner{padding-block:40px 56px}
  .g2,.g3,.g4,.passos{grid-template-columns:1fr}
  .tela-corpo{grid-template-columns:1fr}
  .tela-itens{border-right:0;border-bottom:1px solid var(--linha)}
  .flutuante{display:none}
  .losango.a{width:180px;height:180px}
  .losango.b{width:130px;height:130px}
  .chamadas .botao{flex:1 1 100%}
  .rodape .colunas{grid-template-columns:1fr}
  .marca img{height:32px}
  .cartao,.quadro,.passos li{padding:20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Ícones dentro de texto, selos e botões pequenos */
.mais svg,.pill svg{width:15px;height:15px;flex:none}
.menu a{white-space:nowrap}
@media (max-width:1240px){
  .menu{display:none}
  .acoes .so-pc{display:none}
  .abrir-menu{display:grid;margin-left:auto}
  .menu-celular{display:block;border-top:1px solid var(--linha);background:var(--fundo)}
  .menu-celular[hidden]{display:none!important}
  .menu-celular nav{display:grid;padding:10px 0 18px}
  .menu-celular nav a{text-decoration:none;padding:12px 4px;border-bottom:1px solid var(--linha);font-size:16px}
  .menu-celular nav a[aria-current="page"]{color:var(--verde-escuro);font-weight:600}
  .menu-celular .botoes{display:grid;gap:10px;padding-top:14px}
}

/* Faixa de módulos em duas linhas (7 + 4) */
.faixa-modulos ul.segunda{padding-top:0;margin-top:-6px}

/* Carrossel do celular ("Para todo tipo de comércio"): passa sozinho a cada 5 s ou com o dedo */
.pontos{display:none}
@media (max-width:640px){
  .carrossel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-inline:-16px;padding:4px 16px 6px;scroll-padding-inline:16px}
  .carrossel::-webkit-scrollbar{display:none}
  .carrossel > *{flex:0 0 100%;scroll-snap-align:start}
  .pontos{display:flex;justify-content:center;gap:8px;margin-top:16px}
  .pontos button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:var(--linha);cursor:pointer;transition:width .25s,background .25s}
  .pontos button[aria-current="true"]{width:24px;background:var(--verde)}
}

/* Celular arrumado (31/10/2026): cartões com o ícone ao lado do título, listas em duas colunas, valores sem quebrar */
.quadro.estreito{max-width:320px;justify-self:center;width:100%}
.linha-quadro .valor,.linha-quadro .pill,table.mini td.n{white-space:nowrap}
@media (max-width:640px){
  .grade .cartao{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;align-items:start}
  .grade .cartao > .icone{grid-row:span 3;width:44px;height:44px;border-radius:12px}
  .grade .cartao > :not(.icone){grid-column:2}
  .grade .cartao h3{margin:2px 0 0;font-size:1.08rem}
  .grade .cartao p{font-size:15px}
  .grade .cartao .mais{padding-top:8px}
  .passos li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:start}
  .passos li::before{grid-row:span 2;margin:0}
  .passos li > *{grid-column:2}
  .indice{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .indice a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:6px 10px;font-size:14px;line-height:1.25;border-radius:12px}
  .faixa-modulos .conteiner{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding-block:16px;font-size:14.5px}
  .faixa-modulos ul,.faixa-modulos ul.segunda{display:contents}
  .secao{padding-block:52px}
  .cabeca-pagina h1,.titulo{max-width:none}
  .losango.b{display:none}
  .losango.a{right:auto;left:50%;margin-left:-90px}
  .quadro{padding:18px}
  .quadro.estreito{max-width:none}
  table.mini{font-size:13.5px}
  table.mini th{font-size:11px;padding:6px 5px;letter-spacing:.02em}
  table.mini td{padding:8px 5px}
  .linha-quadro{font-size:14px}
  .rodape{margin-top:56px;padding-block:44px 28px}
  .rodape .colunas{grid-template-columns:1fr 1fr;gap:28px 20px}
  .rodape .colunas > :first-child{grid-column:1 / -1}
  .rodape .colunas > :last-child{grid-column:1 / -1}
}