﻿/* Páginas internas: compartilham medidas, cores e botões de style.css. */
.pagina-servicos {
    width: min(56.25rem, calc(100% - var(--gutter) - var(--gutter)));
    margin: var(--secao) auto;
    text-align: center;
}
.pagina-servicos h1 {
    margin-bottom: 1.5rem;
    color: var(--laranja);
    font-size: clamp(2rem, 1.5rem + 2vw, 2.5rem);
}
.botoes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.botao { min-width: 0; padding: 1.5rem; border-radius: .75rem; font-size: 1.125rem; }
.voltar { margin-top: 2rem; background: #333; color: #fff; border-radius: .5rem; }
.servicos-hero { background: linear-gradient(120deg, #21170f, #0a0101); }
.servicos-hero h1 {
    max-width: 26ch;
    margin: 1rem 0 1.5rem;
    font-size: clamp(2rem, 1.4rem + 2.7vw, 3.5rem);
    line-height: 1.15;
}
.servicos-hero p { max-width: 65ch; color: #ddd; font-size: clamp(1rem, .95rem + .3vw, 1.125rem); }
.servico-detalhe { border-bottom: 1px solid #333; }
.servico-detalhe h2 { max-width: 35ch; text-align: left; margin-bottom: 1.5rem; }
.servico-detalhe p { max-width: 75ch; margin-bottom: 1.25rem; }
.servico-detalhe .sobre-titulo { display: block; margin-bottom: 1rem; }
.video-consultorio { width: 100%; max-width: 45rem; margin: 2rem 0; }
.video-consultorio iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 1px solid #333; border-radius: .75rem; background: #000; }
.video-consultorio figcaption { margin-top: .75rem; color: #ddd; font-size: .9rem; line-height: 1.6; }
.video-consultorio figcaption a { text-decoration: underline; text-underline-offset: .2em; }
.lista-servicos { max-width: 75ch; padding-left: 1.25rem; margin: 1.5rem 0 2rem; }
.lista-servicos li { padding-left: .25rem; margin-bottom: .75rem; }
.servico-detalhe:nth-of-type(odd) { background: #151515; }
@media (min-width: 36rem) {
    .botoes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
    .botoes.hub-cliente { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.hub-cliente span { display: block; margin-top: .75rem; font-size: 1rem; font-weight: 400; }
