/*
 * Página da Situação Humana — v0.43.0 (Etapa B1; AR-004 v1.3 §9, VI-003 v1.1).
 * Escopo: SOMENTE `.viainter-sh` (main do template `single-situacao_humana`).
 * Consome os tokens de assets/css/viainter-tokens.css (dependência declarada);
 * nenhum valor de cor novo. Hierarquia por tipografia, espaço e composição;
 * cor apenas como reforço. Sem sombras.
 *
 * Trirong só existe em peso 400 no tema: os títulos NÃO usam negrito (evita
 * negrito sintético).
 */

.viainter-sh {
	background: var(--vi-surface-page, #F4F0E8);
	color: var(--vi-text, #24292C);
	font-family: var(--vi-font-body, DMSans, sans-serif);
	font-size: var(--vi-fs-reading, 1.125rem);
	line-height: var(--vi-lh-reading, 1.7);
	padding-block: var(--vi-space-5, 3rem) var(--vi-space-7, 7rem);
	margin: 0;
}

.viainter-sh-pagina { display: block; }

/* Larguras: leitura ~700px · ampla ~1100px */
.viainter-sh-leitura,
.viainter-sh-largo {
	box-sizing: border-box;
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--vi-gutter-mobile, 1rem);
}
.viainter-sh-leitura { max-width: calc(var(--vi-width-reading, 700px) + 2 * var(--vi-gutter-mobile, 1rem)); }
.viainter-sh-largo   { max-width: calc(var(--vi-width-wide, 1100px) + 2 * var(--vi-gutter-mobile, 1rem)); }
@media (min-width: 640px) {
	.viainter-sh-leitura,
	.viainter-sh-largo { padding-inline: var(--vi-gutter, 1.5rem); }
	.viainter-sh-leitura { max-width: calc(var(--vi-width-reading, 700px) + 2 * var(--vi-gutter, 1.5rem)); }
	.viainter-sh-largo   { max-width: calc(var(--vi-width-wide, 1100px) + 2 * var(--vi-gutter, 1.5rem)); }
}

/* Tipografia editorial */
.viainter-sh h1,
.viainter-sh h2,
.viainter-sh h3 {
	font-family: var(--vi-font-editorial, Trirong, Georgia, serif);
	font-weight: 400;
	color: var(--vi-heading, #123B4A);
	text-align: left;
}
.viainter-sh a {
	color: var(--vi-link, #123B4A);
	text-decoration-color: var(--vi-color-ouro, #D4A853);
	text-decoration-thickness: 2px;
	text-underline-offset: .2em;
}
.viainter-sh a:hover { text-decoration-thickness: 3px; }
.viainter-sh a:focus-visible {
	outline: 2px solid var(--vi-color-petroleo, #123B4A);
	outline-offset: 3px;
	border-radius: 2px;
}

/* ---- Hero -------------------------------------------------------- */
.viainter-sh-hero { padding-bottom: var(--vi-space-2, 1rem); }

.viainter-sh-breadcrumb {
	font-size: .875rem;
	line-height: 1.5;
	color: var(--vi-color-cinza-texto, #566065);
	margin: 0 0 var(--vi-space-4, 2rem);
}
.viainter-sh-breadcrumb ol,
.viainter-sh-breadcrumb p { display: flex; flex-wrap: wrap; gap: .25rem .5rem; list-style: none; margin: 0; padding: 0; }
.viainter-sh-breadcrumb li + li::before { content: "›"; margin-right: .5rem; color: var(--vi-color-cinza-texto, #566065); }
.viainter-sh-breadcrumb a { color: inherit; text-decoration-thickness: 1px; }
.viainter-sh-breadcrumb [aria-current="page"] { color: var(--vi-text, #24292C); }
.viainter-sh-breadcrumb .rank-math-breadcrumb p { display: block; }

.viainter-sh-tema {
	margin: 0 0 var(--vi-space-1, .5rem);
	font-size: .8125rem;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--vi-color-ouro-texto, #8A6415);
}

.viainter-sh .viainter-sh-titulo {
	font-size: var(--vi-fs-h1, clamp(2.5rem, 1.6rem + 3vw, 3.5rem));
	line-height: 1.12;
	margin: 0 0 var(--vi-space-3, 1.5rem) !important;
	text-wrap: balance;
}
.viainter-sh-subtitulo {
	font-family: var(--vi-font-editorial, Trirong, Georgia, serif);
	font-size: var(--vi-fs-h3, 1.375rem);
	line-height: 1.4;
	color: var(--vi-color-ouro-texto, #8A6415);
	margin: 0 0 var(--vi-space-3, 1.5rem);
}
.viainter-sh-descricao p { margin: 0 0 var(--vi-space-2, 1rem); }
.viainter-sh-descricao > :last-child { margin-bottom: 0; }

.viainter-sh-imagem { margin: var(--vi-space-5, 3rem) auto 0; }
.viainter-sh-imagem-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 22 / 9;
	object-fit: cover;
	border-radius: var(--vi-radius-image, 8px);
}

/* ---- Seções ------------------------------------------------------ */
.viainter-sh-secao { margin-top: var(--vi-space-5, 3rem); }
@media (min-width: 768px) { .viainter-sh-secao { margin-top: var(--vi-space-6, 4.5rem); } }

/* O CSS legado global impõe `body:not(.home) h2{margin… !important}`; aqui o ritmo é da seção. */
.viainter-sh .viainter-sh-secao h2 {
	font-size: var(--vi-fs-h2, clamp(1.75rem, 1.4rem + 1.4vw, 2.125rem));
	line-height: 1.2;
	margin: 0 0 var(--vi-space-3, 1.5rem) !important;
}
.viainter-sh-secao h2::before {
	content: "";
	display: block;
	width: 3rem;
	height: 2px;
	margin-bottom: var(--vi-space-2, 1rem);
	background: var(--vi-color-ouro, #D4A853);
}
.viainter-sh .viainter-sh-secao h3 {
	font-size: var(--vi-fs-h3, 1.375rem);
	line-height: 1.3;
	margin: 0 0 var(--vi-space-1, .5rem);
}

.viainter-sh-texto p,
.viainter-sh-extras p { margin: 0 0 var(--vi-space-2, 1rem); }
.viainter-sh-texto > :last-child { margin-bottom: 0; }

/* Para quem é */
.viainter-sh-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--vi-space-1, .5rem); }
.viainter-sh-chip {
	padding: .3em 1em;
	border: var(--vi-border-width, 1px) solid var(--vi-border, #E4DCCB);
	border-radius: var(--vi-radius-pill, 999px);
	background: var(--vi-surface-card, #FFFFFF);
	color: var(--vi-heading, #123B4A);
	font-size: var(--vi-fs-ui, 1rem);
	line-height: 1.5;
}

/* Perguntas fundamentais — reconhecimento (não é FAQ: sem resposta, sem acordeão) */
.viainter-sh-perguntas { list-style: none; margin: 0; padding: 0; }
.viainter-sh-perguntas li {
	font-family: var(--vi-font-editorial, Trirong, Georgia, serif);
	font-size: var(--vi-fs-h3, 1.375rem);
	line-height: 1.4;
	color: var(--vi-heading, #123B4A);
	padding: var(--vi-space-2, 1rem) 0;
	border-top: var(--vi-border-width, 1px) solid var(--vi-border, #E4DCCB);
}
.viainter-sh-perguntas li:last-child { border-bottom: var(--vi-border-width, 1px) solid var(--vi-border, #E4DCCB); }

/* Aspectos — cartões brancos, borda sutil, sem sombra */
.viainter-sh-aspectos { display: grid; gap: var(--vi-space-2, 1rem); grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.viainter-sh-aspecto {
	background: var(--vi-surface-card, #FFFFFF);
	border: var(--vi-border-width, 1px) solid var(--vi-border, #E4DCCB);
	border-radius: var(--vi-radius-card, 12px);
	padding: var(--vi-space-3, 1.5rem);
}
.viainter-sh-aspecto p { margin: 0 0 var(--vi-space-1, .5rem); font-size: var(--vi-fs-ui, 1rem); line-height: 1.6; }
.viainter-sh-aspecto p:last-child { margin-bottom: 0; }

/* Caminhos possíveis — marcador dourado decorativo */
.viainter-sh-caminhos { list-style: none; margin: 0 0 var(--vi-space-2, 1rem); padding: 0; }
.viainter-sh-caminhos li { position: relative; padding-left: var(--vi-space-3, 1.5rem); margin-bottom: var(--vi-space-1, .5rem); }
.viainter-sh-caminhos li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .9em;
	width: .75rem;
	height: 2px;
	background: var(--vi-color-ouro, #D4A853);
}

/* Listas de links (artigos, ferramentas, situações) */
.viainter-sh-links { list-style: none; margin: 0; padding: 0; }
.viainter-sh-links li { padding: var(--vi-space-1, .5rem) 0; border-top: var(--vi-border-width, 1px) solid var(--vi-border, #E4DCCB); }
.viainter-sh-links li:last-child { border-bottom: var(--vi-border-width, 1px) solid var(--vi-border, #E4DCCB); }
.viainter-sh-links a { font-family: var(--vi-font-editorial, Trirong, Georgia, serif); font-size: var(--vi-fs-h3, 1.375rem); line-height: 1.4; }
.viainter-sh-links--texto li { font-size: var(--vi-fs-reading, 1.125rem); }
.viainter-sh-tipo { font-size: var(--vi-fs-ui, 1rem); color: var(--vi-color-cinza-texto, #566065); }

/* Conteúdo editorial legado preservado (ex.: "Situação Principal desta mesma experiência") */
.viainter-sh-extras { margin-top: var(--vi-space-3, 1.5rem); }
.viainter-sh-extras h3 { margin-top: var(--vi-space-3, 1.5rem); }
.viainter-sh-extras ul { margin: 0 0 var(--vi-space-2, 1rem); padding-left: 1.25rem; }

/* Referências e fontes — texto de apoio */
.viainter-sh-referencias {
	margin: 0;
	padding-left: 1.5rem;
	font-size: var(--vi-fs-ui, 1rem);
	line-height: 1.6;
	color: var(--vi-color-cinza-texto, #566065);
	overflow-wrap: anywhere;
}
.viainter-sh-referencias li { margin-bottom: var(--vi-space-1, .5rem); }

/* Coleções recomendadas (componente existente) */
.viainter-sh-secao--colecoes .viainter-colecoes-recomendadas { margin-top: var(--vi-space-2, 1rem); }

/* O tema separa os blocos raiz com margem: aqui o miolo encosta no cabeçalho e no rodapé. */
body.single-situacao_humana .wp-site-blocks > * + * { margin-block-start: 0; }