/* Domus Barbershop · servico.css (05/10/2026): páginas de serviço (/corte-masculino/, /barboterapia/,
   /progressiva-masculina/, /luzes-e-platinado/). Carrega depois de domus.css e lp.css; aqui só o que muda:
   topo sempre sólido (sem o lp.js), abertura com foto, trilha, cartões, passos, equipe e links. */
.pagina-servico main{padding-top:var(--topo-altura)}
.pagina-servico .topo-nav a[aria-current="page"]{color:var(--cobre-luz)}
.servico-abertura{padding-block:var(--e-7) var(--e-8)}
.servico-abertura .faixa-in{display:grid;gap:var(--e-6);align-items:center}
.servico-abertura h1{margin:var(--e-2) 0 var(--e-4);font:800 clamp(34px,8vw,60px)/1.02 var(--fonte-titulo);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.servico-abertura .resposta{margin:0 0 var(--e-5)}
.servico-apoio{max-width:60ch;margin:var(--e-4) 0 0;font-size:14px;line-height:21px;color:var(--tinta-2)}
.servico-apoio a{color:var(--link);text-underline-offset:3px}
.servico-foto{margin:0;border-radius:var(--r-3);overflow:hidden;box-shadow:var(--sombra-card)}
.servico-foto img{display:block;width:100%;height:auto}
.trilha ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--e-4);padding:0;list-style:none;font-size:14px;line-height:20px;color:var(--tinta-2)}
.trilha li+li::before{content:"›";margin-right:6px}
.trilha a{color:var(--link);text-underline-offset:3px}
.servico-sub{margin:var(--e-6) 0 var(--e-3)}
.servico-ritual{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--e-3);margin:var(--e-5) 0;padding:0;list-style:none}
.servico-ritual li{display:flex;flex-direction:column;gap:var(--e-2);padding:var(--e-4);border-radius:var(--r-2);background:var(--realce);font-weight:600}
.servico-ritual .ic{width:28px;height:28px}
.servico-compara{margin:var(--e-4) 0 var(--e-2)}
.servico-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--e-4);margin:var(--e-5) 0 var(--e-3);padding:0;list-style:none}
.servico-cartao{display:flex;flex-direction:column;gap:var(--e-2);padding:var(--e-5);border-radius:var(--r-3);background:var(--papel-claro);color:var(--carvao);box-shadow:var(--sombra-card)}
.servico-cartao h3{margin:0}
.servico-cartao-preco{margin:0;font-weight:700}
.servico-cartao-frase{flex:1;margin:0 0 var(--e-2);font-style:italic;color:var(--texto-2)}
.servico-cartao .btn-sec{align-self:flex-start;color:var(--carvao);border-color:var(--carvao)}
.servico-passos{counter-reset:passo;display:grid;gap:var(--e-4);margin:var(--e-5) 0;padding:0;list-style:none}
.servico-passos li{counter-increment:passo;position:relative;min-height:36px;padding-left:52px;font-size:17px;line-height:26px}
.servico-passos li::before{content:counter(passo);position:absolute;left:0;top:-3px;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-pilula);background:var(--cobre);color:#fff;font:800 18px/1 var(--fonte-titulo)}
.servico-equipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--e-4);margin:var(--e-5) 0 var(--e-3);padding:0;list-style:none}
.servico-equipe li{display:flex;flex-direction:column;gap:var(--e-2);font-weight:700}
.servico-equipe img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--r-2)}
.servico-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--e-3);margin:var(--e-5) 0 0;padding:0;list-style:none}
.servico-link{display:flex;flex-direction:column;gap:4px;box-sizing:border-box;height:100%;padding:var(--e-4) var(--e-5);border:1px solid var(--contorno);border-radius:var(--r-2);color:var(--tinta);text-decoration:none}
.servico-link span{font-size:14px;line-height:20px;color:var(--tinta-2)}
.servico-link:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
@media (hover:hover){.servico-link:hover{border-color:var(--cobre)}}
@media (min-width:900px){.servico-abertura .faixa-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}