/*!
 * cuidados.css · Arquivo e single do CPT sd_servico
 * Autoria: Eight Group · https://eightgroup.com.br/
 * Projeto Gerado pelo Prompt Mestre do Desenvolvedor e Vibe Coder Dante Testa · www.dantetesta.com.br
 */

/* Grade base vive no app.css (componente de 3 templates, memória design). Aqui, só variações. */
.sd-cuidados-grade--arquivo .sd-cuidado--destaque { grid-column: 1 / -1; flex-direction: row; align-items: center; }
.sd-cuidados-grade--arquivo .sd-cuidado--destaque .sd-cuidado__corpo { padding: 34px 40px; }
@media (max-width: 980px) {
	.sd-cuidados-grade--arquivo .sd-cuidado--destaque { flex-direction: column; align-items: stretch; }
}

/* Jornada sobre faixa escura (variação do archive) */
.sd-jornada--escura .sd-jornada { border-top-color: rgba(239, 234, 229, .18); }
.sd-jornada--escura .sd-jornada__item { border-bottom-color: rgba(239, 234, 229, .18); }
.sd-jornada--escura .sd-jornada__botao { color: var(--creme); }
.sd-jornada--escura .sd-jornada__numero { color: var(--taupe-claro); }
.sd-jornada--escura .sd-jornada__texto { color: var(--creme-suave); }
.sd-jornada--escura .sd-jornada__botao .sd-icone { color: var(--taupe-claro); }

/* Variante compacta ("outros cuidados" do single) */
.sd-cuidados-grade--compacta .sd-cuidado__corpo { padding: 24px 26px; }

/* Relato da Dra. Sara: história real que acolhe quem chega com a mesma dúvida.
   Com vídeo vira split; sem vídeo, coluna única de leitura. */
.sd-relato {
	max-width: 820px; margin-top: clamp(40px, 6vw, 64px);
	background: var(--creme-2); padding: clamp(28px, 4vw, 44px);
}
/* Colunas casadas com o conteúdo real: o texto trava em 660px, então uma coluna "1fr"
   deixava ~200px mortos à direita. `center` alinha o texto curto ao eixo do vídeo. */
.sd-relato--com-video {
	max-width: 100%;
	display: grid; grid-template-columns: minmax(280px, 340px) minmax(0, 660px);
	justify-content: center; align-items: center;
	gap: clamp(28px, 4vw, 56px);
}
.sd-relato__video { min-width: 0; }
.sd-relato__texto { display: grid; gap: 14px; min-width: 0; }
.sd-relato__texto .sd-eyebrow { margin-bottom: 6px; }
.sd-relato__abertura { font-size: 19px; color: var(--ameixa); }
@media (max-width: 860px) {
	.sd-relato--com-video { grid-template-columns: 1fr; }
	.sd-relato__video { max-width: 260px; }
}

/* Single */
.sd-single__icone { width: 52px; height: 52px; margin-right: 16px; vertical-align: -8px; }
.sd-single__cena {
	max-width: 820px; margin-bottom: clamp(36px, 5vw, 56px);
	position: relative; aspect-ratio: 16 / 10; overflow: hidden;
}
.sd-single__cena img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sd-single__conteudo { font-size: var(--t-body); }
.sd-single__bloco { max-width: 820px; margin-top: clamp(40px, 6vw, 64px); }
.sd-single__subtitulo { font-size: 30px; margin-bottom: 22px; }