body #page .style-guide .sg-cabecalho{border-bottom:2px solid var(--black);padding:0 0 20px 0;margin:0 0 40px 0}body #page .style-guide .sg-cabecalho h1{margin:0 0 10px 0}body #page .style-guide .sg-cabecalho p{max-width:760px;opacity:0.75}body #page .style-guide .sg-secao{padding:0 0 40px 0;margin:0 0 40px 0;border-bottom:1px solid var(--gray)}body #page .style-guide .sg-secao:last-child{border-bottom:0;margin-bottom:0}body #page .style-guide .sg-secao>h2{font-size:24px;margin:0 0 6px 0}body #page .style-guide .sg-secao .sg-titulo{font-size:17px;margin:30px 0 12px 0}body #page .style-guide .sg-intro{max-width:760px;font-size:14px;opacity:0.75;margin:0 0 20px 0}body #page .style-guide .sg-manual{border-left:3px solid var(--black);background-color:var(--gray);opacity:1;padding:10px 14px}body #page .style-guide .sg-nota{font-size:13px;opacity:0.7;margin:12px 0 0 0}body #page .style-guide .sg-aviso{border:1px solid var(--black);border-radius:8px;padding:14px 16px;margin:0 0 40px 0}body #page .style-guide .sg-cabecalho code,body #page .style-guide .sg-intro code,body #page .style-guide .sg-nota code,body #page .style-guide .sg-manual code,body #page .style-guide .sg-aviso code,body #page .style-guide .sg-tabela code,body #page .style-guide .sg-cor code,body #page .style-guide .sg-icone code,body #page .style-guide .sg-titulo code{font-family:Consolas, Monaco, monospace;font-size:13px;background-color:var(--gray);border-radius:4px;padding:2px 6px}body #page .style-guide .sg-cores{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:16px}body #page .style-guide .sg-cor .sg-cor-amostra{height:90px;display:flex;align-items:flex-end;justify-content:flex-start;font-size:13px;font-weight:600;border:1px solid var(--gray);border-radius:8px;padding:10px;margin:0 0 8px 0}body #page .style-guide .sg-tabela{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 20px 0}body #page .style-guide .sg-tabela th,body #page .style-guide .sg-tabela td{text-align:left;border-bottom:1px solid var(--gray);padding:8px 12px 8px 0;vertical-align:top}body #page .style-guide .sg-tabela th{font-weight:700}body #page .style-guide .sg-amostra{border:1px solid var(--gray);border-radius:8px;padding:24px}body #page .style-guide .sg-icones{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:16px}body #page .style-guide .sg-icone .sg-icone-amostra{height:90px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray);border-radius:8px;padding:10px;margin:0 0 8px 0}body #page .style-guide .sg-icone .sg-icone-img{max-width:48px;max-height:48px}body #page .style-guide .sg-demo{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border:1px solid var(--gray);border-radius:8px;padding:20px}body #page .style-guide .sg-demo-form{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start;gap:20px}@media (max-width:991px){body #page .style-guide .sg-demo-form{grid-template-columns:1fr}}body #page .style-guide .sg-demo-form .sg-rotulo{display:block;font-size:18px;font-weight:600;margin:0 0 8px 0}body #page .style-guide .sg-demo-cf7{flex-direction:column;align-items:stretch}body #page .style-guide .sg-demo-ratio{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));align-items:start;gap:16px}@media (max-width:991px){body #page .style-guide .sg-demo-ratio{grid-template-columns:repeat(2, minmax(0, 1fr))}}body #page .style-guide .sg-ratio-caixa{display:flex;align-items:center;justify-content:center;background-color:var(--gray);border-radius:8px;margin:0 0 8px 0}body #page .style-guide .sg-ratio-caixa span{font-size:13px;font-weight:600}body #page .style-guide .sg-badge{font-size:13px;background-color:var(--gray);border-radius:60px;padding:8px 16px}