/* Páginas de serviço (ex.: /desenvolvimento-software-sob-medida/). Complementa style.css; usa só
   variáveis de cor do tema (claro/escuro/alto contraste) e tamanhos em rem/clamp. */
.serv-hero{padding-top:140px;padding-bottom:70px}
.serv-hero h1{font-size:clamp(2.4rem,5.2vw,4.6rem);max-width:16ch;margin:14px 0 22px}
.serv-hero .lead{max-width:62ch;margin-bottom:30px}
.serv-alt{margin-top:16px;color:var(--text-soft);font-size:.95rem}
.serv-alt a,.serv-card a,.serv-links a,.serv-section p a{color:var(--orange-text);font-weight:750;text-decoration:underline;text-underline-offset:3px}
/* style.css estiliza todo <nav> como a barra fixa do topo; o breadcrumb também é um <nav>
   (marco de navegação acessível), então desfaz aqueles estilos. */
nav.breadcrumb{position:static;height:auto;background:none;backdrop-filter:none;border:0;z-index:auto}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 22px;font-size:.88rem;color:var(--text-soft)}
.breadcrumb li+li:before{content:"›";margin-right:6px;color:var(--text-faint)}
.breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.serv-section h2,#como-trabalhamos h2,#faq h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:12px 0 26px;max-width:22ch}
.serv-soft{background:var(--surface-soft)}
.serv-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:start}
.serv-narrow{max-width:760px}
.serv-section p{color:var(--text-soft);line-height:1.7;margin:0 0 14px;max-width:68ch}
.serv-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.serv-list li{position:relative;padding-left:26px;color:var(--text-soft);line-height:1.6}
.serv-list li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:3px;background:var(--orange)}
.serv-list strong{color:var(--text)}
.serv-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:30px}
.serv-card h3{font-size:1.3rem;margin-bottom:16px;line-height:1.2}
.serv-steps{list-style:none;padding:0;margin:42px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.serv-steps li{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}
.serv-steps h3{font-size:1.2rem;margin:10px 0 8px}
.serv-steps p{margin:0;color:var(--text-soft);line-height:1.55}
.serv-note{font-size:.9rem;font-style:italic;color:var(--text-soft)}
.serv-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.serv-links li{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px}
@media(max-width:950px){.serv-grid{grid-template-columns:1fr;gap:32px}.serv-steps{grid-template-columns:1fr 1fr}.serv-links{grid-template-columns:1fr}}
@media(max-width:600px){.serv-hero{padding-top:115px}.serv-steps{grid-template-columns:1fr}}
.serv-steps .step{display:block;color:var(--orange-text);font-weight:950;letter-spacing:.14em;font-size:.75rem}