/*
 * Páginas de serviço (hardware e software sob medida, aplicativos, consultoria) e a seção
 * "Serviços" da home. Carregado depois de theme.css; reaproveita .section-top, .company,
 * .faq e .contact do style.css/theme.css. Mesma paleta: marinho, gelo e azul de destaque.
 */
.svc-hero{background:var(--navy);color:#fff;padding:84px 6% 90px;display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:center}
.svc-hero .eyebrow{color:#B9CBFF}
.svc-hero h1{color:#fff;font-size:clamp(40px,4vw,60px);line-height:1.14;letter-spacing:-.045em;margin:20px 0 24px}
.svc-hero h1 .destaque{color:#8FB0FF}
.svc-hero-copy>p{color:var(--ice);font-size:19px;line-height:1.65;max-width:600px;margin:0 0 32px}
.svc-acoes{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.svc-acoes .text-link{color:#fff}
.svc-resumo{border:1px solid #ffffff2e;border-radius:8px;padding:32px 30px;background:#ffffff08}
.svc-resumo span{display:block;font:600 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#B9CBFF;margin-bottom:14px}
.svc-resumo ul{list-style:none;margin:0;padding:0}
.svc-resumo li{padding:13px 0 13px 26px;border-top:1px solid #ffffff1f;position:relative;font-size:16px;line-height:1.5;color:var(--ice)}
.svc-resumo li:first-child{border-top:0}
.svc-resumo li:before{content:'';position:absolute;left:0;top:21px;width:10px;height:2px;background:#8FB0FF}

/* faixa com os serviços da My Sat (a página atual marcada) */
.svc-menu{display:flex;gap:10px 34px;flex-wrap:wrap;padding:22px 6%;background:#fff;border-bottom:1px solid #dbe2e9;font:600 12px/1.6 'Instrument Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.svc-menu a{color:var(--muted);padding:4px 0;border-bottom:2px solid transparent}
.svc-menu a:hover{color:var(--navy)}
.svc-menu a[aria-current=page]{color:var(--navy);border-color:#365DE4}

.svc-secao{padding:85px 6%;background:#fff}
.svc-secao.gelo{background:var(--ice)}
.svc-secao h2{color:#0E2749}
.svc-secao h2 .destaque{color:#365DE4}
.svc-secao .eyebrow:before{content:'';display:inline-block;width:30px;height:2px;background:#365DE4;margin-right:12px;vertical-align:middle}
.svc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.svc-cards li{background:#fff;border:1px solid #dbe2e9;border-radius:6px;padding:30px 28px}
.svc-secao.gelo .svc-cards li{border-color:#fff;box-shadow:0 5px 24px #0b244708}
.svc-cards b{display:block;font:700 12px/1 'IBM Plex Mono',monospace;color:#365DE4;margin-bottom:18px}
.svc-cards h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px;color:var(--navy)}
.svc-cards p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}

/* exemplo de aplicação: texto à esquerda, cartão marinho à direita */
.svc-exemplo{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.svc-exemplo>div:first-child>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:540px}
.svc-cenario{background:var(--navy);color:#fff;border-radius:8px;padding:34px 32px}
.svc-cenario-titulo{display:flex;justify-content:space-between;font:600 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#B9CBFF}
.svc-cenario-inicio{margin:18px 0 6px;font:700 22px/1.35 Manrope,Arial,sans-serif;color:#fff}
.svc-cenario ol{list-style:none;margin:0;padding:0}
.svc-cenario li{display:flex;gap:16px;padding:15px 0;border-top:1px solid #ffffff26;font-size:16px;line-height:1.5;color:var(--ice)}
.svc-cenario li span{font:600 13px/1.5 'IBM Plex Mono',monospace;color:#8FB0FF}
.svc-humano{margin-top:10px;padding-top:18px;border-top:1px solid #fff}
.svc-humano span{font:600 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#B9CBFF}
.svc-humano p{margin:6px 0 0;font-size:15px;line-height:1.6;color:var(--ice)}

/* como trabalhamos: quatro passos numerados */
.svc-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none;counter-reset:passo}
.svc-passos li{border-top:2px solid #365DE4;padding-top:22px}
.svc-passos span{font:600 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#365DE4}
.svc-passos h3{font-size:20px;line-height:1.3;margin:8px 0 10px;color:var(--navy)}
.svc-passos p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}

.svc-nota{margin:34px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:760px}

/* seção "Serviços" da home (as chamadas estão no fim do arquivo) */
.servicos-home{padding:85px 6%;background:var(--ice)}
.servicos-home h2{color:#0E2749}
.servicos-home h2 .destaque{color:#365DE4}
.servicos-home .eyebrow:before{content:'';display:inline-block;width:30px;height:2px;background:#365DE4;margin-right:12px;vertical-align:middle}

footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;font-weight:400}
footer nav a{padding:0}

@media(min-width:1550px){.svc-hero,.svc-menu,.svc-secao,.servicos-home{padding-left:calc((100% - 1200px)/2);padding-right:calc((100% - 1200px)/2)}}
@media(max-width:1100px){.svc-hero{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.svc-resumo{max-width:620px}.svc-cards{grid-template-columns:1fr 1fr}.svc-exemplo{grid-template-columns:1fr;gap:36px}.svc-passos{grid-template-columns:1fr 1fr;gap:34px 30px}}
@media(max-width:760px){.svc-hero{padding:48px 6% 50px}.svc-hero h1{font-size:38px}.svc-hero-copy>p{font-size:17px}.svc-resumo{padding:24px 22px}.svc-menu{padding:18px 6%;gap:8px 22px;font-size:11px}.svc-secao,.servicos-home{padding:55px 6%}.svc-cards,.svc-passos{grid-template-columns:1fr}.svc-cards li{padding:24px 22px}.svc-cenario{padding:26px 22px}.svc-cenario-inicio{font-size:20px}}
@media(max-width:760px){header nav>a:first-child{display:none}header nav a{white-space:nowrap}}
@media(max-width:400px){header nav{font-size:12px!important}}

/* sem a seção "quem faz", o FAQ vem logo depois de "como trabalhamos" (os dois brancos) */
.svc-secao+.faq{border-top:1px solid #dbe2e9}

/* home: caminhos para as páginas de serviço */
.hero-copy>.hero-servicos{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:28px 0 0;max-width:none;font-size:14px;line-height:1.6;color:var(--ice)}
.hero-servicos span{font:600 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#B9CBFF}
.hero-servicos a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff66}
.hero-servicos a:hover{text-decoration-color:#fff}
.nav-servicos{position:relative;display:flex}
.nav-sub{display:none;position:absolute;top:100%;left:-18px;z-index:20;min-width:270px;background:#fff;border-radius:6px;box-shadow:0 14px 40px #07182e33;padding:8px 0}
.nav-servicos:hover .nav-sub,.nav-servicos:focus-within .nav-sub{display:block}
.nav-sub a{display:block;padding:11px 18px;color:var(--navy);font-size:14px;white-space:nowrap}
.nav-sub a:hover{background:var(--ice);text-decoration:none}

/* home: chamadas dos serviços, uma faixa por serviço */
.chamadas{display:grid;gap:22px}
.chamada{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;border-radius:8px;padding:48px 50px}
.chamada.escura{background:var(--navy);color:var(--ice)}
.chamada.clara{background:#fff;box-shadow:0 5px 24px #0b244708}
.chamada-rotulo{display:block;font:600 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#365DE4;margin-bottom:14px}
.chamada.escura .chamada-rotulo{color:#B9CBFF}
.chamada h3{font-size:clamp(28px,2.6vw,38px);line-height:1.18;letter-spacing:-.04em;margin:0 0 16px;color:var(--navy)}
.chamada.escura h3{color:#fff}
.chamada h3 .destaque{color:#365DE4}
.chamada.escura h3 .destaque{color:#8FB0FF}
.chamada-copy>p{font-size:17px;line-height:1.65;margin:0 0 28px;max-width:560px;color:var(--muted)}
.chamada.escura .chamada-copy>p{color:var(--ice)}
.chamada-acoes{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.chamada.escura .text-link{color:#fff}
.chamada-itens{list-style:none;margin:0;padding:0}
.chamada-itens li{position:relative;padding:14px 0 14px 26px;border-top:1px solid #dbe2e9;font-size:16px;line-height:1.5;color:var(--navy)}
.chamada.escura .chamada-itens li{border-color:#ffffff26;color:var(--ice)}
.chamada-itens li:first-child{border-top:0}
.chamada-itens li:before{content:'';position:absolute;left:0;top:23px;width:10px;height:2px;background:#365DE4}
.chamada.escura .chamada-itens li:before{background:#8FB0FF}
@media(max-width:1100px){.chamada{grid-template-columns:1fr;gap:28px;padding:40px 36px}}
@media(max-width:760px){.chamada{padding:30px 22px}.nav-sub{display:none!important}.hero-copy>.hero-servicos{font-size:13px;gap:6px 16px;margin-top:22px}}