.servico-detalhe-cabecalho { align-items: flex-start; border-left-color: var(--servico-cor); background: linear-gradient(125deg, var(--servico-fundo), #fff); }
.servico-detalhe-cabecalho > div { min-width: 0; }
.servico-detalhe-cabecalho h1 { margin: 16px 0 0; max-width: 30ch; font-size: clamp(1.65rem, 3vw, 2.7rem); overflow-wrap: anywhere; }
.servico-detalhe-categoria { display: inline-block; max-width: 100%; padding: 6px 12px; border: 1px solid var(--servico-borda); border-radius: 24px; color: var(--servico-cor); background: #fff; font-size: .8rem; font-weight: 700; }
.servico-detalhe-categoria:hover { color: var(--servico-cor); text-decoration: underline; }
.servico-detalhe-simbolo { border-color: var(--servico-borda); color: var(--servico-cor); }
.servico-detalhe-atalhos { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 28px; }
.servico-detalhe-atalhos a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--servico-borda); border-radius: 24px; background: #fff; color: var(--servico-cor); font-size: .8rem; font-weight: 650; }
.servico-detalhe-atalhos a:hover { border-color: var(--servico-cor); background: var(--servico-fundo); }
.servico-detalhe-grade { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr); grid-template-areas: 'conteudo informacoes'; align-items: start; gap: 24px; }
.servico-detalhe-grade--sem-info { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'conteudo'; }
.servico-detalhe-principal { grid-area: conteudo; display: grid; gap: 22px; min-width: 0; }
.servico-detalhe-informacoes { grid-area: informacoes; min-width: 0; }
.servico-painel { padding: clamp(20px, 2.5vw, 28px); border: 1px solid var(--servico-borda); border-top: 4px solid var(--servico-cor); border-radius: 16px; background: #fff; box-shadow: 0 5px 20px #16325408; scroll-margin-top: 130px; }
.servico-painel h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; font-size: clamp(1.05rem, 1.7vw, 1.25rem); line-height: 1.4; font-weight: 750; }
.servico-painel-icone { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid var(--servico-borda); border-radius: 10px; background: var(--servico-fundo); color: var(--servico-cor); font-size: 1.1rem; }
.servico-detalhe-texto { font-size: 1rem; line-height: 1.8; color: #4b6073; overflow-wrap: anywhere; }
.servico-detalhe-texto p { max-width: 80ch; }
.servico-detalhe-texto p:last-child { margin-bottom: 0; }
.servico-detalhe-imagem { display: flex; align-items: center; justify-content: center; margin: 0; padding: 16px; border: 1px solid var(--servico-borda); border-radius: 16px; background: var(--servico-fundo); }
.servico-detalhe-imagem img { display: block; width: auto; height: auto; max-width: 100%; max-height: 380px; object-fit: contain; border-radius: 8px; }
.servico-detalhe-contatos { margin: 0; }
.servico-detalhe-contatos > div + div { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--servico-borda); }
.servico-detalhe-contatos dt { display: flex; align-items: baseline; gap: 8px; color: #52677b; font-size: .8rem; font-weight: 650; }
.servico-detalhe-contatos dt > i { flex-shrink: 0; color: var(--servico-cor); }
.servico-detalhe-contatos dd { margin: 8px 0 0; color: #193b59; font-size: .95rem; line-height: 1.65; overflow-wrap: anywhere; }
.servico-detalhe-contatos a { display: inline-block; min-height: 28px; padding: 2px 0; max-width: 100%; color: var(--servico-cor); font-weight: 600; overflow-wrap: anywhere; }
.servico-detalhe-contatos a:hover { text-decoration: underline; }
.servico-detalhe-acoes { display: flex; flex-wrap: wrap; gap: 12px; }
.servico-detalhe-pagina .servicos-ajuda > .servico-detalhe-acoes { flex: 0 1 auto; }
@media (max-width: 991.98px) {
    .servico-detalhe-grade { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'informacoes' 'conteudo'; }
    .servico-detalhe-grade--sem-info { grid-template-areas: 'conteudo'; }
}
@media (max-width: 575.98px) {
    .servico-detalhe-atalhos { margin-bottom: 22px; }
    .servico-detalhe-imagem { padding: 12px; }
    .servico-detalhe-acoes { width: 100%; }
}