/* Estilo Sistema (sistema-call-center.online). So vale no site publico: o painel usa sempre o tema do Original. */
.estilo-sistema {
	--tinta: #17231E;
	--tinta-suave: #56655E;
	--acento: #13795B;
	--acento-forte: #0E5F47;
	--sobre-acento: #FFFFFF;
	--acento-claro: #DCEFE6;
	--lampada: #D99A1B;
	--papel: #FFFFFF;
	--giz: #F3F5F2;
	--nevoa: #F3F5F2;
	--linha: #D7DDD8;
	--escuro: #17231E;
	--sobre-escuro: #FFFFFF;
	--fonte-titulo: "Schibsted Grotesk", system-ui, sans-serif;
	--fonte-texto: "Public Sans", system-ui, sans-serif;
	--raio-botao: 8px;
}
html:has(.estilo-sistema) { overflow-x: clip; }
.estilo-sistema.site-publico { background: var(--giz); color: var(--tinta); font-size: 1.0625rem; overflow-x: clip; }
.estilo-sistema h1, .estilo-sistema h2 { font-family: var(--fonte-titulo); letter-spacing: -.025em; }
.estilo-sistema :focus-visible { outline: 3px solid var(--acento); outline-offset: 3px; }
.sc-largura { width: min(100% - 2rem, 74rem); margin-inline: auto; }

/* botoes */
.sc-botao { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0 1.375rem; border-radius: 8px; font: 600 1rem/1 var(--fonte-texto); text-decoration: none; white-space: nowrap; border: 2px solid transparent; transition: background-color .15s ease, border-color .15s ease; }
.sc-botao-tinta { background: var(--tinta); color: #FFFFFF; }
.sc-botao-tinta:hover { background: var(--acento-forte); }
.sc-botao-vazado { border-color: var(--tinta); color: var(--tinta); background: transparent; }
.sc-botao-vazado:hover { background: var(--tinta); color: #FFFFFF; }
.sc-botao-claro { background: #FFFFFF; color: var(--tinta); }
.sc-botao-claro:hover { background: var(--acento-claro); }

/* marca */
.sc-marca { display: inline-flex; align-items: center; gap: .625rem; text-decoration: none; color: var(--tinta); font: 700 1.125rem/1 var(--fonte-titulo); letter-spacing: -.02em; white-space: nowrap; }
.sc-marca svg { width: 2.25rem; height: 2.25rem; flex: none; }
.sc-marca-fundo { fill: var(--tinta); }
.sc-marca-traco { stroke: #F3F5F2; }
.sc-marca-ponto { fill: #F3F5F2; }
.sc-marca-lampada { fill: var(--lampada); }

/* topo */
.estilo-sistema .sc-topo { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem max(1rem, (100% - 74rem) / 2); background: rgb(243 245 242 / .92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linha); }
.estilo-sistema .sc-menu { display: flex; align-items: center; gap: 1.5rem; flex: 1; justify-content: space-between; margin-left: 2rem; }
.sc-menu-grupo { display: flex; gap: .25rem; padding: .25rem; border-radius: 10px; background: #FFFFFF; border: 1px solid var(--linha); }
.sc-menu-grupo a { padding: .5rem .875rem; border-radius: 7px; text-decoration: none; color: var(--tinta-suave); font-weight: 500; white-space: nowrap; }
.sc-menu-grupo a:hover { background: var(--giz); color: var(--tinta); }
.sc-menu-acoes { display: flex; align-items: center; gap: 1.25rem; }
.sc-link-entrar { color: var(--tinta); font-weight: 600; text-decoration: none; white-space: nowrap; }
.sc-link-entrar:hover { color: var(--acento); }
.sc-menu .sc-botao { min-height: 2.625rem; }
.estilo-sistema .sc-menu a.sc-botao-tinta, .estilo-sistema .sc-menu a.sc-botao-tinta:hover { color: #FFFFFF; }
@media (width < 60rem) {
	.estilo-sistema .sc-topo .menu-abrir { display: grid; background: #FFFFFF; border: 1px solid var(--linha); border-radius: 8px; }
	.estilo-sistema .sc-menu { position: fixed; inset: 0 0 0 auto; width: min(20rem, 86vw); margin: 0; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 1.5rem; padding: 4.5rem 1.25rem 1.5rem; background: #FFFFFF; translate: 100% 0; visibility: hidden; z-index: 30; }
	.estilo-sistema .sc-menu .menu-fechar { display: grid; position: absolute; top: .75rem; right: .75rem; background: var(--giz); border-radius: 8px; }
	.estilo-sistema .menu-fundo { display: block; position: fixed; inset: 0; background: rgb(23 35 30 / .4); opacity: 0; visibility: hidden; z-index: 25; }
	.sc-menu-grupo { flex-direction: column; border: 0; padding: 0; gap: 0; }
	.sc-menu-grupo a { padding: .875rem .25rem; border-radius: 0; border-bottom: 1px solid var(--linha); color: var(--tinta); font-size: 1.0625rem; }
	.sc-menu-acoes { flex-direction: column; align-items: stretch; gap: .75rem; }
	.sc-link-entrar { padding: .75rem .25rem; }
}

/* hero */
.sc-hero { padding: clamp(2.5rem, 6vw, 5rem) 0 clamp(3rem, 6vw, 5rem); }
.sc-hero-grade { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.sc-hero h1 { font-size: clamp(2.125rem, 1.3rem + 3vw, 3.625rem); line-height: 1.05; font-weight: 800; max-width: 19ch; }
.sc-hero-sub { margin-top: 1.5rem; font-size: 1.1875rem; line-height: 1.6; color: var(--tinta-suave); max-width: 52ch; }
.sc-hero-acoes { display: flex; gap: .75rem; margin-top: 2rem; }
.sc-fatos { display: flex; margin: 2.75rem 0 0; padding: 0; border-top: 1px solid var(--linha); }
.sc-fatos div { flex: 1 1 0; min-width: 0; padding: 1rem 1.25rem 0 0; }
.sc-fatos div + div { padding-left: 1.25rem; border-left: 1px solid var(--linha); }
.sc-fatos dt { font: 800 1.625rem/1 var(--fonte-titulo); letter-spacing: -.02em; white-space: nowrap; }
.sc-fatos dd { margin: .375rem 0 0; color: var(--tinta-suave); font-size: .9375rem; white-space: nowrap; }

/* o roteiro (a ideia forte da pagina) */
.sc-roteiro { margin: 0; padding: 1.5rem 1.5rem 1.75rem; background: #FFFFFF; border: 1px solid var(--linha); border-radius: 14px; }
.sc-roteiro figcaption { display: flex; align-items: center; gap: .625rem; font-weight: 600; color: var(--tinta-suave); font-size: .9375rem; padding-bottom: 1.25rem; border-bottom: 1px dashed var(--linha); white-space: nowrap; }
.sc-lampada { width: .625rem; height: .625rem; border-radius: 50%; background: var(--lampada); box-shadow: 0 0 0 4px rgb(217 154 27 / .2); flex: none; }
.sc-roteiro ol { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; gap: 1.125rem; position: relative; }
.sc-roteiro ol::before { content: ""; position: absolute; left: 1.25rem; top: 1.25rem; bottom: 1.25rem; width: 2px; background: var(--linha); }
.sc-roteiro li { position: relative; display: flex; align-items: center; gap: 1rem; min-width: 0; }
.sc-no { position: relative; z-index: 1; width: 2.5rem; height: 2.5rem; flex: none; display: grid; place-items: center; border-radius: 8px; background: var(--giz); color: var(--tinta-suave); border: 1px solid var(--linha); }
.sc-no svg { width: 1.25rem; height: 1.25rem; }
.sc-no-texto { display: grid; min-width: 0; }
.sc-no-texto b { font-weight: 600; white-space: nowrap; }
.sc-no-texto small { color: var(--tinta-suave); font-size: .875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-roteiro li:last-child .sc-no { background: var(--tinta); color: #FFFFFF; border-color: var(--tinta); }
@media (prefers-reduced-motion: no-preference) {
	.sc-roteiro li .sc-no { animation: sc-acende 3.4s ease both; animation-delay: calc(var(--i) * .55s + .3s); }
	.sc-roteiro li:last-child .sc-no { animation: sc-chega .5s ease both; animation-delay: 2.5s; }
	@keyframes sc-acende { 0% { background: var(--giz); color: var(--tinta-suave); } 12%, 22% { background: var(--acento); color: #FFFFFF; border-color: var(--acento); } 40%, 100% { background: var(--acento-claro); color: var(--acento-forte); border-color: var(--acento-claro); } }
	@keyframes sc-chega { from { background: var(--giz); color: var(--tinta-suave); } to { background: var(--tinta); color: #FFFFFF; border-color: var(--tinta); } }
}

/* secoes */
.sc-secao { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.sc-secao-branca { background: #FFFFFF; border-block: 1px solid var(--linha); }
.sc-secao h2, .sc-chamada h2, .sc-ouvir h2 { font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.625rem); line-height: 1.1; font-weight: 800; max-width: 24ch; }
.sc-texto-lado { margin-top: 1rem; color: var(--tinta-suave); font-size: 1.0625rem; line-height: 1.6; max-width: 46ch; }

/* etapas (sequencia real) */
.sc-etapas { list-style: none; margin: 2.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; position: relative; }
.sc-etapas::before { content: ""; position: absolute; left: 1.25rem; right: 1.25rem; top: 1.25rem; height: 2px; background: var(--linha); }
.sc-etapas li { position: relative; min-width: 0; }
.sc-etapa-num { position: relative; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--tinta); color: #FFFFFF; font: 700 1rem/1 var(--fonte-titulo); }
.sc-etapas b { display: block; margin-top: 1.25rem; font: 700 1.1875rem/1.2 var(--fonte-titulo); white-space: nowrap; }
.sc-etapas p { margin-top: .5rem; color: var(--tinta-suave); line-height: 1.55; }

/* dois sentidos */
.sc-sentidos { display: grid; grid-template-columns: 1fr 1fr; margin-top: 2.5rem; border: 1px solid var(--linha); border-radius: 14px; overflow: hidden; }
.sc-sentido { padding: clamp(1.5rem, 3vw, 2.5rem); min-width: 0; }
.sc-sentido + .sc-sentido { border-left: 1px solid var(--linha); background: var(--giz); }
.sc-sentido h3 { display: flex; align-items: center; gap: .75rem; margin: 0; font: 700 1.3125rem/1.2 var(--fonte-titulo); white-space: nowrap; }
.sc-sentido h3 svg { width: 1.5rem; height: 1.5rem; color: var(--acento); flex: none; }
.sc-sentido p { margin-top: .875rem; color: var(--tinta-suave); line-height: 1.6; }
.sc-sentido ul { margin: 1.25rem 0 0; padding: 0 0 0 1.125rem; display: grid; gap: .5rem; }
.sc-sentido li::marker { color: var(--acento); }

/* catalogo de blocos */
.sc-catalogo { margin: 2.5rem 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 3rem; }
.sc-catalogo div { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 1rem; padding: 1.125rem 0; border-bottom: 1px solid var(--linha); align-items: baseline; }
.sc-catalogo dt { display: flex; align-items: center; gap: .625rem; font-weight: 700; white-space: nowrap; }
.sc-catalogo dt svg { width: 1.25rem; height: 1.25rem; color: var(--acento); flex: none; translate: 0 .15rem; }
.sc-catalogo dd { margin: 0; color: var(--tinta-suave); line-height: 1.5; }

/* recursos do painel */
.sc-painel-grade, .sc-registro-grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.sc-recursos { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.sc-recursos li { display: flex; gap: .875rem; align-items: flex-start; padding: .875rem 0; border-bottom: 1px solid var(--linha); line-height: 1.5; }
.sc-recursos li:first-child { border-top: 1px solid var(--linha); }
.sc-recursos svg { width: 1.25rem; height: 1.25rem; color: var(--acento); flex: none; margin-top: .15rem; }

/* registro da ligacao */
.sc-registro { width: 100%; border-collapse: collapse; background: #FFFFFF; border: 1px solid var(--linha); border-radius: 14px; overflow: hidden; font-size: .9875rem; }
.sc-registro td, .sc-registro th { padding: .875rem 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--linha); }
.sc-registro tr:last-child td, .sc-registro tr:last-child th { border-bottom: 0; }
.sc-registro td:first-child { width: 4.25rem; color: var(--tinta-suave); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-registro th { width: 6rem; font-weight: 600; white-space: nowrap; }
.sc-registro-cliente th { color: var(--acento); }
.sc-registro-cliente td:last-child { color: var(--tinta-suave); }

/* planos */
.sc-tabela-planos { margin-top: 2.25rem; overflow-x: auto; border: 1px solid var(--linha); border-radius: 14px; background: #FFFFFF; }
.sc-tabela-planos table { width: 100%; border-collapse: collapse; }
.sc-tabela-planos th, .sc-tabela-planos td { padding: 1.125rem 1.25rem; text-align: left; border-bottom: 1px solid var(--linha); white-space: nowrap; vertical-align: middle; }
.sc-tabela-planos tr:last-child th, .sc-tabela-planos tr:last-child td { border-bottom: 0; }
.sc-tabela-planos thead th { font: 700 1.125rem/1.2 var(--fonte-titulo); }
.sc-tabela-planos tbody th { color: var(--tinta-suave); font-weight: 600; width: 8rem; }
.sc-tabela-planos td b { display: block; font: 800 1.75rem/1 var(--fonte-titulo); letter-spacing: -.02em; }
.sc-tabela-planos td small { display: block; margin-top: .375rem; color: var(--tinta-suave); font-size: .875rem; }
.sc-tabela-planos .sc-destaque { background: var(--acento-claro); }
.sc-tabela-planos .sc-botao { min-height: 2.75rem; }
.sc-planos-lista { display: none; list-style: none; margin: 2rem 0 0; padding: 0; border: 1px solid var(--linha); border-radius: 14px; background: #FFFFFF; overflow: hidden; }
.sc-planos-lista li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.125rem; border-bottom: 1px solid var(--linha); }
.sc-planos-lista li:last-child { border-bottom: 0; }
.sc-planos-lista li.sc-destaque { background: var(--acento-claro); }
.sc-planos-lista span { display: grid; min-width: 0; }
.sc-planos-lista b { white-space: nowrap; font-weight: 700; }
.sc-planos-lista small { color: var(--tinta-suave); font-size: .875rem; white-space: nowrap; }
.sc-planos-valor { text-align: right; }
.sc-planos-valor b { font: 800 1.25rem/1.1 var(--fonte-titulo); }
.sc-planos-nota { margin-top: 1.25rem; color: var(--tinta-suave); }
.sc-planos-nota a { color: var(--acento-forte); font-weight: 600; }

/* ouvir o exemplo */
.sc-ouvir { padding: clamp(2.5rem, 5vw, 3.5rem) 0; background: var(--acento-claro); }
.sc-ouvir-grade { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.sc-ouvir-numero { display: inline-flex; align-items: center; gap: .75rem; color: var(--tinta); text-decoration: none; font: 800 clamp(1.5rem, 1rem + 2vw, 2.5rem)/1 var(--fonte-titulo); letter-spacing: -.02em; white-space: nowrap; }
.sc-ouvir-numero svg { width: 1.75rem; height: 1.75rem; color: var(--acento); }

/* perguntas */
.sc-perguntas-grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.sc-perguntas details { border-bottom: 1px solid var(--linha); }
.sc-perguntas details:first-child { border-top: 1px solid var(--linha); }
.sc-perguntas summary { white-space: nowrap; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.125rem 0; font-weight: 600; cursor: pointer; list-style: none; }
.sc-perguntas summary::-webkit-details-marker { display: none; }
.sc-perguntas summary::after { content: "+"; flex: none; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border-radius: 6px; background: #FFFFFF; border: 1px solid var(--linha); font-weight: 600; }
.sc-perguntas details[open] summary::after { content: "−"; }
.sc-perguntas p { padding: 0 0 1.25rem; color: var(--tinta-suave); line-height: 1.65; max-width: 62ch; }

/* chamada final */
.sc-chamada { padding: clamp(3rem, 6vw, 4.5rem) 0; background: var(--tinta); color: #FFFFFF; }
.sc-chamada-grade { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.sc-chamada h2 { color: #FFFFFF; }

/* rodape */
.estilo-sistema .sc-rodape { background: #FFFFFF; border-top: 1px solid var(--linha); color: var(--tinta); padding: 0; }
.sc-rodape-colunas { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 2rem; padding: 2.5rem 0; }
.sc-rodape-marca p { margin-top: .875rem; color: var(--tinta-suave); max-width: 30ch; }
.sc-rodape nav { display: grid; align-content: start; gap: .625rem; }
.sc-rodape nav h3 { margin: 0 0 .25rem; font: 700 1rem/1.2 var(--fonte-titulo); }
.sc-rodape nav a { color: var(--tinta-suave); text-decoration: none; white-space: nowrap; }
.sc-rodape nav a:hover { color: var(--tinta); }
.sc-rodape-final { padding: 1.25rem 0 1.75rem; border-top: 1px solid var(--linha); color: var(--tinta-suave); font-size: .875rem; }

/* blog e paginas internas */
.estilo-sistema .pagina { width: min(100% - 2rem, 74rem); margin-inline: auto; padding: clamp(2.5rem, 5vw, 4rem) 0; }
.estilo-sistema .pagina-topo h1 { font-size: clamp(2.25rem, 1.4rem + 3vw, 3.5rem); font-weight: 800; }
.estilo-sistema .pagina-topo p { color: var(--tinta-suave); max-width: 56ch; }
.estilo-sistema .posts { display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--linha); margin-top: 2rem; padding: 0; list-style: none; }
.estilo-sistema .posts li { border-bottom: 1px solid var(--linha); }
.estilo-sistema .posts a { display: grid; grid-template-columns: 10rem minmax(0, 1fr) auto; gap: .375rem 1.5rem; padding: 1.375rem 0; text-decoration: none; color: var(--tinta); background: none; border: 0; box-shadow: none; border-radius: 0; height: auto; }
.estilo-sistema .posts a:hover strong { color: var(--acento-forte); }
.estilo-sistema .post-categoria { grid-row: span 2; align-self: start; color: var(--acento-forte); font-weight: 600; font-size: .875rem; background: none; padding: 0; border-radius: 0; white-space: nowrap; }
.estilo-sistema .posts strong { font: 700 1.25rem/1.25 var(--fonte-titulo); }
.estilo-sistema .post-resumo { grid-column: 2; color: var(--tinta-suave); }
.estilo-sistema .posts time { grid-column: 3; grid-row: 1; margin: 0; padding: 0; border: 0; width: auto; color: var(--tinta-suave); font-size: .875rem; white-space: nowrap; }
.estilo-sistema .leia-tambem .posts a { grid-template-columns: 10rem minmax(0, 1fr); }
.estilo-sistema .artigo { max-width: 46rem; }
.estilo-sistema .artigo h1 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3rem); font-weight: 800; line-height: 1.08; }
.estilo-sistema .artigo-capa { display: block; width: 100%; height: auto; margin-top: 1.5rem; border-radius: 12px; border: 1px solid var(--linha); }
.estilo-sistema .artigo-conteudo { font-size: 1.0625rem; line-height: 1.7; }
.estilo-sistema .artigo-conteudo a { color: var(--acento-forte); }
.estilo-sistema .artigo-chamada { max-width: 46rem; background: var(--tinta); color: #FFFFFF; border-radius: 14px; }
.estilo-sistema .migalhas a { color: var(--acento-forte); }
.estilo-sistema .botao-acento { background: var(--tinta); color: #FFFFFF; border-radius: 8px; }
.estilo-sistema .botao-acento:hover { background: var(--acento-forte); }
.estilo-sistema .artigo-chamada .botao-acento { background: #FFFFFF; color: var(--tinta); }
.estilo-sistema .campo input:focus, .estilo-sistema .campo select:focus, .estilo-sistema .campo textarea:focus { border-color: var(--acento); box-shadow: 0 0 0 4px var(--acento-claro); }

/* entrar e criar conta */
.acesso.estilo-sistema { background: var(--giz); font-family: var(--fonte-texto); grid-template-columns: 1fr minmax(18rem, 28rem); }
.acesso.estilo-sistema .acesso-lado { order: 2; background: #FFFFFF; color: var(--tinta); border-left: 1px solid var(--linha); }
.acesso.estilo-sistema .acesso-lado h1 { font-family: var(--fonte-titulo); color: var(--tinta); letter-spacing: -.025em; }
.acesso.estilo-sistema .acesso-lado p { color: var(--tinta-suave); }
.acesso.estilo-sistema .acesso-lista li::before { border-radius: 2px; background: var(--lampada); }
.acesso.estilo-sistema .marca-clara { color: var(--tinta); font-family: var(--fonte-titulo); }
.acesso.estilo-sistema .marca-quadrado { background: url("favicon.svg") center / contain no-repeat; border-radius: 8px; }
.acesso.estilo-sistema .marca-clara b { font-weight: inherit; }
.acesso.estilo-sistema .acesso-form h2 { font-family: var(--fonte-titulo); letter-spacing: -.02em; }
.acesso.estilo-sistema .botao-acento { background: var(--tinta); color: #FFFFFF; border-radius: 8px; }
.acesso.estilo-sistema .botao-acento:hover { background: var(--acento-forte); }
.acesso.estilo-sistema .campo input { border-radius: 8px; background: #FFFFFF; }
.acesso.estilo-sistema .campo input:focus { border-color: var(--acento); }
.acesso.estilo-sistema .acesso-rodape a { color: var(--acento-forte); }
@media (width < 52rem) { .acesso.estilo-sistema { grid-template-columns: 1fr; } .acesso.estilo-sistema .acesso-lado { order: 0; border-left: 0; border-bottom: 1px solid var(--linha); } }

/* telas pequenas */
@media (width < 60rem) {
	.sc-hero-grade, .sc-painel-grade, .sc-registro-grade, .sc-perguntas-grade { grid-template-columns: 1fr; }
	.sc-hero-grade > *, .sc-painel-grade > *, .sc-registro-grade > *, .sc-perguntas-grade > * { min-width: 0; }
	.sc-etapas { grid-template-columns: 1fr 1fr; row-gap: 2rem; }
	.sc-etapas::before { display: none; }
	.sc-catalogo { grid-template-columns: 1fr; }
	.sc-sentidos { grid-template-columns: 1fr; }
	.sc-sentido + .sc-sentido { border-left: 0; border-top: 1px solid var(--linha); }
	.sc-tabela-planos { display: none; }
	.sc-planos-lista { display: block; }
	.sc-rodape-colunas { grid-template-columns: 1fr 1fr; }
	.sc-rodape-marca { grid-column: 1 / -1; }
}
@media (width < 40rem) {
	.sc-hero-acoes { flex-direction: column; }
	.sc-hero-acoes .sc-botao { width: 100%; }
	.sc-fatos div { padding-right: .75rem; }
	.sc-fatos div + div { padding-left: .75rem; }
	.sc-fatos dt { font-size: 1.25rem; }
	.sc-fatos dd { font-size: .8125rem; }
	.sc-etapas { grid-template-columns: 1fr; }
	.sc-sentido h3 { font-size: 1.0625rem; }
	.sc-perguntas summary { font-size: .9375rem; }
	.sc-catalogo div { grid-template-columns: 1fr; gap: .25rem; }
	.sc-registro, .sc-registro tbody { display: block; }
	.sc-registro tr { display: grid; grid-template-columns: auto 1fr; column-gap: .75rem; padding: .875rem 1rem; border-bottom: 1px solid var(--linha); }
	.sc-registro tr:last-child { border-bottom: 0; }
	.sc-registro td, .sc-registro th { display: block; padding: 0; border: 0; width: auto; }
	.sc-registro td:last-child { grid-column: 1 / -1; margin-top: .25rem; }
	.sc-ouvir-grade, .sc-chamada-grade { flex-direction: column; align-items: flex-start; }
	.sc-rodape-colunas { grid-template-columns: 1fr; gap: 1.75rem; }
	.sc-rodape-colunas > * { min-width: 0; }
		.estilo-sistema .posts a { grid-template-columns: 1fr; }
	.estilo-sistema .post-categoria { grid-row: auto; }
	.estilo-sistema .post-resumo, .estilo-sistema .posts time { grid-column: 1; grid-row: auto; }
	.estilo-sistema .leia-tambem .posts a { grid-template-columns: 1fr; }
}