/* NetDente - modelo de artigo (design 2026-10-20)
   Tudo escopado em .nd-* para nao atingir o resto do site.
   Medidas: spec/01-especificacao-artigo.md */

.nd-artigo-raiz {
	--nd-tinta: #2b3440;
	--nd-tinta-forte: #1d2340;
	--nd-tinta-media: #3d4a56;
	--nd-tinta-fraca: #7d8a96;
	--nd-azul: #0b8aa0;
	--nd-azul-escuro: #076f81;
	--nd-azul-claro: #0aa8b8;
	--nd-azul-fundo: #0b6f82;
	--nd-verde-topo: #e6f5ee;
	--nd-verde-base: #cdeadc;
	--nd-verde-caixa: #f3faf7;
	--nd-verde-borda: #d7ece2;
	--nd-linha: #e3eee9;
	--nd-chip-borda: #cfe3da;
	--nd-pratica: #eef7fb;
	--nd-passo: #d7f0e4;
	--nd-seta: #8fd3b6;
	--nd-largura: 1300px;
	--nd-lateral: 330px;
	--nd-vao: 56px;
	font-family: Roboto, -apple-system, "Segoe UI", sans-serif;
	color: var(--nd-tinta);
}

.nd-artigo-raiz *,
.nd-artigo-raiz *::before,
.nd-artigo-raiz *::after { box-sizing: border-box; }

.nd-wrap {
	max-width: var(--nd-largura);
	margin: 0 auto;
	padding-inline: 24px;
}

/* ---------- 1. faixa de abertura ---------- */

.nd-hero {
	background: linear-gradient(180deg, var(--nd-verde-topo) 0%, var(--nd-verde-base) 100%);
}

.nd-hero .nd-hero__grid {
	padding-block: 52px 56px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--nd-lateral);
	column-gap: var(--nd-vao);
}

.nd-hero__col {
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}

.nd-trilha {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--nd-tinta-media);
	line-height: 1.4;
}

.nd-trilha a { color: var(--nd-azul-escuro); text-decoration: none; }
.nd-trilha a:hover { text-decoration: underline; }

.nd-titulo {
	margin: 0;
	font-weight: 700;
	font-size: clamp(28px, 2.8vw, 38px);
	line-height: 1.18;
	letter-spacing: -.01em;
	color: var(--nd-tinta-forte);
	text-wrap: balance;
}

.nd-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 20px;
	font-size: 14px;
	color: var(--nd-tinta-media);
}

.nd-etiqueta {
	background: var(--nd-azul-claro);
	color: #fff;
	font-weight: 500;
	border-radius: 999px;
	padding: 5px 12px;
}

.nd-meta a { color: inherit; text-decoration: none; }
.nd-data-curta { display: none; }

/* ---------- 2. miolo: artigo e lateral ---------- */

.nd-principal {
	padding-block: 40px 72px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--nd-lateral);
	gap: var(--nd-vao);
	align-items: start;
}

.nd-corpo {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 22px;
	font-size: 17px;
	line-height: 1.75;
	color: var(--nd-tinta);
}

.nd-corpo > p { margin: 0; text-wrap: pretty; }

.nd-corpo p.nd-lead {
	margin: 8px 0 0;
	font-size: 19px;
	line-height: 1.7;
	color: var(--nd-tinta-forte);
}

.nd-destacada {
	width: 100%;
	aspect-ratio: 415 / 228;
	border-radius: 20px;
	overflow: hidden;
	background: var(--nd-verde-caixa);
}

.nd-destacada img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

.nd-corpo h2 {
	margin: 24px 0 0;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.25;
	color: var(--nd-tinta-forte);
	text-wrap: balance;
	scroll-margin-top: 24px;
}

.nd-corpo h3 {
	margin: 10px 0 0;
	font-weight: 700;
	font-size: 21px;
	line-height: 1.3;
	color: var(--nd-tinta-forte);
	scroll-margin-top: 24px;
}

.nd-corpo h4 {
	margin: 6px 0 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.35;
	color: var(--nd-tinta-forte);
}

.nd-corpo ul,
.nd-corpo ol {
	margin: 0;
	padding-left: 22px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nd-corpo li { text-wrap: pretty; }
.nd-corpo strong { color: var(--nd-tinta-forte); }
.nd-corpo a { color: var(--nd-azul); }
.nd-corpo a:hover { color: var(--nd-azul-escuro); }

.nd-corpo img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
}

.nd-corpo figure { margin: 0; }

.nd-corpo figcaption {
	font-size: 14px;
	color: var(--nd-tinta-fraca);
	padding-top: 8px;
}

.nd-corpo blockquote {
	margin: 0;
	padding: 18px 22px;
	background: var(--nd-verde-caixa);
	border-left: 3px solid var(--nd-azul);
	border-radius: 0 16px 16px 0;
}

.nd-corpo blockquote p:last-child { margin-bottom: 0; }

/* ---------- tabela ---------- */

/* sobra: tabela sem cabecalho continua como antes, so com rolagem */
.nd-tabela { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.nd-corpo table {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
	min-width: 480px;
}

.nd-corpo th,
.nd-corpo td {
	border: 1px solid var(--nd-verde-borda);
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
}

.nd-corpo th {
	background: var(--nd-verde-caixa);
	color: var(--nd-tinta-forte);
	font-weight: 700;
}

/* tabela em cartao (computador) */
.nd-tab { margin: 0; }
.nd-tab__fone { display: none; }

.nd-tab__pc {
	border: 1px solid var(--nd-verde-borda);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}

.nd-corpo .nd-tab__pc table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	min-width: 0;
	font-size: 16px;
	line-height: 1.5;
}

.nd-corpo .nd-tab__pc th,
.nd-corpo .nd-tab__pc td {
	border: 0;
	border-bottom: 1px solid var(--nd-linha);
	padding: 14px 18px;
	text-align: left;
	vertical-align: top;
}

.nd-corpo .nd-tab__pc thead th {
	background: var(--nd-azul);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .06em;
	text-transform: uppercase;
	border-bottom: 0;
	white-space: normal;
}

.nd-corpo .nd-tab__pc tbody tr:nth-child(even) { background: #f7f9fa; }
.nd-corpo .nd-tab__pc tbody tr:last-child td { border-bottom: 0; }

.nd-corpo .nd-tab__pc tbody td:first-child {
	font-weight: 700;
	color: var(--nd-tinta-forte);
}

.nd-corpo .nd-tab--destaque tbody td:not(:first-child):not(:last-child) {
	color: #6b7682;
}

.nd-corpo .nd-tab--destaque tbody td:last-child {
	background: #eef8f2;
	color: var(--nd-tinta-forte);
}

.nd-corpo .nd-tab--destaque thead th:last-child { background: #0a7f93; }

/* pastilha RECOMENDADO */
.nd-pastilha {
	display: inline-block;
	margin-left: 8px;
	background: var(--nd-passo);
	color: #0a5f51;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	border-radius: 999px;
	padding: 3px 9px;
	vertical-align: middle;
	white-space: nowrap;
}

/* ---------- 3. sumario ---------- */

.nd-corpo details.nd-toc {
	background: var(--nd-verde-caixa) !important;
	border: 1px solid var(--nd-verde-borda) !important;
	border-radius: 16px !important;
	padding: 22px 26px !important;
	margin: 0 !important;
	overflow: hidden;
}

.nd-corpo details.nd-toc > summary {
	list-style: none;
	cursor: default;
	padding: 0 !important;
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--nd-azul);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.nd-corpo details.nd-toc > summary::-webkit-details-marker { display: none; }
.nd-corpo details.nd-toc > summary::marker { content: ""; }

.nd-corpo details.nd-toc > summary::after {
	content: "";
	font-size: 22px;
	font-weight: 400;
	color: var(--nd-azul);
	line-height: 1;
}

.nd-corpo details.nd-toc ol,
.nd-corpo details.nd-toc ul {
	margin: 0 !important;
	padding: 0 0 0 22px !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 16px;
	line-height: 1.5;
}

.nd-corpo details.nd-toc a {
	text-decoration: none;
	color: var(--nd-azul-escuro);
}

.nd-corpo details.nd-toc a:hover { text-decoration: underline; }

/* no computador o sumario fica sempre aberto */
@media (min-width: 1025px) {
	.nd-corpo details.nd-toc > ol,
	.nd-corpo details.nd-toc > ul,
	.nd-corpo details.nd-toc > div { display: flex !important; }
}

/* ---------- 4. faixa de chamada no meio do texto ---------- */

.nd-faixa {
	margin: 18px 0 8px;
	background: linear-gradient(110deg, #0aa8b8 0%, #5cc4b4 100%);
	border-radius: 20px;
	padding: 30px 34px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px 32px;
	flex-wrap: wrap;
	color: #fff;
}

.nd-faixa__texto {
	flex: 1 1 320px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nd-faixa__rotulo {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.nd-faixa__titulo {
	font-weight: 700;
	font-size: 23px;
	line-height: 1.25;
	text-wrap: balance;
}

.nd-faixa__apoio {
	font-size: 16px;
	line-height: 1.55;
	text-wrap: pretty;
}

.nd-botao-seta {
	flex-shrink: 0;
	background: var(--nd-azul-fundo);
	color: #fff !important;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	border-radius: 999px;
	padding: 7px 7px 7px 24px;
	display: inline-flex;
	align-items: center;
	gap: 18px;
}

.nd-botao-seta:hover { background: #09596a; }

.nd-botao-seta span {
	background: var(--nd-seta);
	border-radius: 999px;
	width: 44px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	color: #0b6f82;
}

/* chamada que no texto original so tinha botao */
.nd-cta-simples {
	margin: 10px 0 4px;
	display: flex;
	justify-content: center;
}

/* ---------- 5. caixa "Na pratica" ---------- */

.nd-pratica-caixa {
	background: var(--nd-pratica);
	border-radius: 16px;
	padding: 22px 24px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.nd-pratica-caixa__titulo {
	font-weight: 700;
	font-size: 16px;
	color: var(--nd-azul-escuro);
}

.nd-pratica-caixa__texto {
	font-size: 16px;
	line-height: 1.65;
	color: var(--nd-tinta);
	text-wrap: pretty;
}

/* ---------- 6. passos numerados ---------- */

.nd-corpo ol.nd-passos {
	list-style: none;
	counter-reset: nd-passo;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.nd-corpo ol.nd-passos > li {
	counter-increment: nd-passo;
	position: relative;
	padding-left: 62px;
	min-height: 44px;
}

.nd-corpo ol.nd-passos > li::before {
	content: counter(nd-passo);
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: var(--nd-passo);
	color: var(--nd-azul-escuro);
	font-weight: 700;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nd-corpo ol.nd-passos > li > strong:first-child {
	display: block;
	font-weight: 700;
	font-size: 19px;
	line-height: 1.35;
	color: var(--nd-tinta-forte);
	margin-bottom: 4px;
}

.nd-corpo ol.nd-passos > li { font-size: 16px; line-height: 1.6; }

/* ---------- 7. perguntas frequentes ---------- */

.nd-faq {
	border: 1px solid var(--nd-verde-borda);
	border-radius: 16px;
	overflow: hidden;
}

.nd-faq details {
	border: 0 !important;
	border-radius: 0 !important;
	border-top: 1px solid var(--nd-linha) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
}

.nd-faq details:first-child { border-top: 0 !important; }

.nd-faq summary {
	list-style: none;
	min-height: 60px;
	padding: 14px 22px !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
	font-size: 17px;
	font-weight: 500 !important;
	line-height: 1.4;
	color: var(--nd-tinta-forte);
	background: #fff;
}

.nd-faq summary::-webkit-details-marker { display: none; }
.nd-faq summary::marker { content: ""; }

.nd-faq summary::after {
	content: "+";
	flex-shrink: 0;
	font-size: 22px;
	line-height: 1;
	font-weight: 400;
	color: var(--nd-azul);
}

.nd-faq details[open] > summary::after { content: "\2212"; }

.nd-faq details > div,
.nd-faq details > p {
	padding: 0 22px 20px !important;
	margin: 0 !important;
	font-size: 16px;
	line-height: 1.65;
	color: var(--nd-tinta-media);
}

/* ---------- 8. lateral ---------- */

.nd-lateral {
	position: sticky;
	top: 24px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	min-width: 0;
}

.nd-busca {
	background: #fff;
	border: 1px solid var(--nd-chip-borda);
	border-radius: 999px;
	padding: 4px 4px 4px 18px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nd-busca input[type="search"] {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	font: inherit;
	font-size: 15px;
	height: 40px;
	background: transparent;
	color: var(--nd-tinta);
	-webkit-appearance: none;
}

.nd-busca input[type="search"]::placeholder { color: var(--nd-tinta-fraca); }

.nd-busca button {
	border: 0;
	cursor: pointer;
	background: var(--nd-azul);
	color: #fff;
	font: inherit;
	font-weight: 500;
	font-size: 14px;
	border-radius: 999px;
	height: 40px;
	padding: 0 18px;
}

.nd-busca button:hover { background: var(--nd-azul-escuro); }

.nd-bloco {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.nd-rotulo {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--nd-azul);
}

.nd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.nd-chip {
	text-decoration: none;
	font-size: 14px;
	border-radius: 999px;
	padding: 7px 14px;
	border: 1px solid var(--nd-chip-borda);
	background: #fff;
	color: var(--nd-tinta);
	line-height: 1.35;
}

.nd-chip:hover { border-color: var(--nd-azul); color: var(--nd-azul-escuro); }

/* "Ver mais" das categorias: abre sem JavaScript */
.nd-mais { margin-top: -2px; }

.nd-mais > summary.nd-chip--mais {
	list-style: none;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	border-style: dashed;
	color: var(--nd-azul-escuro);
	font-weight: 500;
}

.nd-mais > summary::-webkit-details-marker { display: none; }
.nd-mais > summary::marker { content: ""; }
.nd-mais > summary::after { content: " +"; white-space: pre; }
.nd-mais[open] > summary::after { content: " \2212"; }
.nd-mais .nd-mais__fechar { display: none; }
.nd-mais[open] .nd-mais__abrir { display: none; }
.nd-mais[open] .nd-mais__fechar { display: inline; }
.nd-chips--extra { margin-top: 8px; }

.nd-chip.nd-chip--ativo {
	background: var(--nd-azul);
	border-color: var(--nd-azul);
	color: #fff;
}

.nd-recentes { gap: 4px; }
.nd-recentes .nd-rotulo { margin-bottom: 8px; }

.nd-recente {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 0;
	border-bottom: 1px solid var(--nd-linha);
}

.nd-recente__titulo {
	font-size: 15px;
	line-height: 1.4;
	font-weight: 500;
	color: var(--nd-tinta-forte);
}

.nd-recente:hover .nd-recente__titulo { color: var(--nd-azul-escuro); }

.nd-recente__data {
	font-size: 13px;
	color: var(--nd-tinta-fraca);
}

.nd-cta-lado {
	background: var(--nd-azul-fundo);
	color: #fff;
	border-radius: 20px;
	padding: 26px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.nd-cta-lado__titulo {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
}

.nd-cta-lado__texto {
	font-size: 15px;
	line-height: 1.55;
	color: #dff3f6;
}

.nd-cta-lado__botao {
	align-self: flex-start;
	background: #fff;
	color: var(--nd-azul-fundo) !important;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	border-radius: 999px;
	padding: 10px 20px;
}

.nd-cta-lado__botao:hover { background: #dff3f6; }

/* ---------- 9. leia tambem ---------- */

.nd-tambem {
	background: var(--nd-verde-caixa);
	border-top: 1px solid var(--nd-linha);
}

.nd-tambem__inner {
	padding-block: 56px 72px;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.nd-tambem__topo {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.nd-tambem__topo h2 {
	margin: 0;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.25;
	color: var(--nd-tinta-forte);
}

.nd-tambem__todos {
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	color: var(--nd-azul);
}

.nd-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: 28px;
}

.nd-card {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.nd-card__img {
	position: relative;
	aspect-ratio: 415 / 228;
	border-radius: 20px;
	background-color: #dff3f6;
	background-size: cover;
	background-position: center;
}

.nd-card__img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	display: block;
}

.nd-card__cat {
	position: absolute;
	z-index: 2;
	left: 14px;
	top: 14px;
	background: rgba(255, 255, 255, .94);
	color: var(--nd-azul);
	font-size: 13px;
	font-weight: 500;
	border-radius: 999px;
	padding: 5px 12px;
}

.nd-card h3 {
	margin: 0;
	padding: 0 4px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	color: var(--nd-tinta-forte);
	text-wrap: balance;
}

.nd-card__leia {
	padding: 0 4px;
	font-size: 15px;
	font-weight: 500;
	color: var(--nd-azul);
}

.nd-card:hover h3 { color: var(--nd-azul-escuro); }

/* bloco que no celular substitui a lateral */
.nd-so-celular { display: none; }

/* barra fixa do celular */
.nd-barra-fixa { display: none; }

/* ---------- 10. uma coluna ---------- */

@media (max-width: 1024px) {
	.nd-hero .nd-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.nd-hero__vazio { display: none; }
	.nd-principal { grid-template-columns: minmax(0, 1fr); }
	.nd-lateral { display: none; }
	.nd-so-celular {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.nd-cards {
		display: flex;
		gap: 14px;
		overflow-x: auto;
		scrollbar-width: none;
		margin-inline: -20px;
		padding-inline: 20px;
		scroll-snap-type: x proximity;
	}
	.nd-cards::-webkit-scrollbar { display: none; }
	.nd-card {
		flex: 0 0 260px;
		gap: 10px;
		scroll-snap-align: start;
	}
	.nd-card__img { border-radius: 14px; }
	.nd-card__cat { left: 10px; top: 10px; font-size: 11px; padding: 4px 9px; }
	.nd-card h3 { font-size: 16px; line-height: 1.35; padding: 0; }
	.nd-card__leia { display: none; }
}

/* ---------- 11. celular ---------- */

@media (max-width: 767px) {
	.nd-wrap { padding-inline: 20px; }
	.nd-hero .nd-hero__grid { padding-block: 28px 30px; }
	.nd-hero__col { gap: 14px; }
	.nd-trilha { font-size: 13px; gap: 6px; }
	.nd-titulo { font-size: 23px; line-height: 1.25; }
	.nd-meta { font-size: 13px; gap: 8px 14px; }
	.nd-etiqueta { padding: 4px 10px; }
	.nd-data-longa { display: none; }
	.nd-data-curta { display: inline; }

	.nd-principal { padding-block: 20px 8px; }
	.nd-corpo { gap: 18px; font-size: 16px; line-height: 1.7; }
	.nd-corpo p.nd-lead { margin: 4px 0 0; font-size: 17px; line-height: 1.65; }
	.nd-destacada, .nd-destacada img { border-radius: 16px; }
	.nd-corpo h2 { margin: 16px 0 0; font-size: 22px; line-height: 1.3; }
	.nd-corpo h3 { font-size: 18px; }
	.nd-corpo ul, .nd-corpo ol { padding-left: 20px; }

	.nd-corpo details.nd-toc {
		border-radius: 14px !important;
		padding: 0 !important;
	}
	.nd-corpo details.nd-toc > summary {
		cursor: pointer;
		min-height: 52px;
		padding: 0 18px !important;
		margin: 0;
	}
	.nd-corpo details.nd-toc > summary::after { content: "+"; }
	.nd-corpo details.nd-toc[open] > summary::after { content: "\2212"; }
	.nd-corpo details.nd-toc ol,
	.nd-corpo details.nd-toc ul {
		padding: 0 18px 16px 40px !important;
		gap: 2px;
		font-size: 15px;
		line-height: 1.45;
	}
	.nd-corpo details.nd-toc a { display: block; padding: 7px 0; }

	.nd-faixa {
		margin: 10px 0 4px;
		border-radius: 18px;
		padding: 24px 22px;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}
	/* em coluna, flex-basis valeria para a altura e esticaria a caixa */
	.nd-faixa__texto { flex: 0 1 auto; }
	.nd-faixa__rotulo { font-size: 11px; }
	.nd-faixa__titulo { font-size: 20px; line-height: 1.28; }
	.nd-faixa__apoio { font-size: 15px; }
	.nd-botao-seta {
		justify-content: center;
		font-size: 16px;
		min-height: 50px;
		padding: 0 20px;
		gap: 12px;
	}
	.nd-botao-seta span { width: 34px; height: 26px; font-size: 15px; }

	.nd-pratica-caixa { padding: 18px 20px; border-radius: 14px; }
	.nd-pratica-caixa__titulo { font-size: 15px; }
	.nd-pratica-caixa__texto { font-size: 15px; }

	.nd-corpo ol.nd-passos > li { padding-left: 50px; min-height: 36px; }
	.nd-corpo ol.nd-passos > li::before { width: 36px; height: 36px; font-size: 15px; }
	.nd-corpo ol.nd-passos > li > strong:first-child { font-size: 17px; }
	.nd-corpo ol.nd-passos { gap: 14px; }

	/* tabela vira cartao: nada de rolagem lateral */
	.nd-tab__pc { display: none; }
	.nd-tab__fone { display: block; }

	.nd-tab-cartao {
		border: 1px solid var(--nd-verde-borda);
		border-radius: 14px;
		overflow: hidden;
		background: #fff;
	}

	.nd-tab-cartao__topo {
		background: var(--nd-azul);
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .04em;
		padding: 12px 16px;
		line-height: 1.35;
	}

	.nd-tab-col { border-top: 1px solid var(--nd-linha); }
	.nd-tab-col:first-of-type { border-top: 0; }

	.nd-tab-col > summary {
		list-style: none;
		cursor: pointer;
		min-height: 52px;
		padding: 12px 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		font-size: 15px;
		font-weight: 700;
		color: var(--nd-tinta-forte);
		background: #fff;
	}

	.nd-tab-col > summary::-webkit-details-marker { display: none; }
	.nd-tab-col > summary::marker { content: ""; }

	.nd-tab-col > summary::after {
		content: "+";
		flex-shrink: 0;
		font-size: 22px;
		font-weight: 400;
		color: var(--nd-azul);
	}

	.nd-tab-col[open] > summary::after { content: "\2212"; }
	.nd-tab-col[open] > summary { background: #eef8f2; }
	.nd-tab-col__nome { min-width: 0; }

	.nd-tab-col__corpo { padding: 0 16px 8px; }

	.nd-par {
		padding: 10px 0;
		border-top: 1px solid var(--nd-linha);
	}

	.nd-par:first-child { border-top: 0; }

	.nd-par__rot {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: var(--nd-azul);
		margin-bottom: 2px;
	}

	.nd-par__val { font-size: 15px; line-height: 1.6; color: var(--nd-tinta); }

	.nd-faq { border-radius: 14px; }
	.nd-faq summary { min-height: 56px; padding: 12px 18px !important; font-size: 15px; }
	.nd-faq details > div, .nd-faq details > p { padding: 0 18px 16px !important; font-size: 15px; }

	.nd-tambem__inner { padding-block: 28px 32px; gap: 20px; }
	.nd-tambem__topo h2 { font-size: 22px; }
	.nd-tambem__todos { font-size: 14px; }
	.nd-cards { margin-inline: -20px; padding-inline: 20px; }

	.nd-barra-fixa {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 998;
		display: flex;
		padding: 12px 16px;
		background: rgba(255, 255, 255, .96);
		box-shadow: 0 -1px 0 var(--nd-linha);
		backdrop-filter: blur(6px);
	}
	.nd-barra-fixa a {
		flex: 1;
		background: var(--nd-azul);
		color: #fff !important;
		font-weight: 500;
		font-size: 16px;
		min-height: 50px;
		border-radius: 999px;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* folga para a barra fixa nao cobrir o rodape */
	body.nd-artigo-ativo { padding-bottom: 74px; }
	/* o botao de WhatsApp que ja existe sobe para nao ficar atras da barra */
	body.nd-artigo-ativo .whatsapp-float { bottom: 86px; }
}

/* ---------- foco visivel no teclado ---------- */

.nd-artigo-raiz a:focus-visible,
.nd-artigo-raiz button:focus-visible,
.nd-artigo-raiz summary:focus-visible,
.nd-artigo-raiz input:focus-visible {
	outline: 3px solid var(--nd-azul-claro);
	outline-offset: 2px;
	border-radius: 6px;
}

/* ---------- 12. impressao ---------- */

@media print {
	.nd-lateral, .nd-tambem, .nd-barra-fixa, .nd-faixa, .nd-so-celular { display: none !important; }
	.nd-hero { background: none; }
}