/* Site da New Job Seguranca do Trabalho, previa v7 (2026-10-03).
   Cores e fontes do Manual da Marca v1.0 (marca/src/gerar_manual.py).
   Regra que nao se quebra: o laranja da marca (#DC6414, 3,57:1 no branco) e cor de
   simbolo e filete; texto laranja e botao laranja com texto normal usam #B85408.
   Pagina clara por decisao (ADR 0006). Fontes servidas pelo proprio site (ADR 0007). */

@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(../fontes/Poppins-SemiBold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(../fontes/Poppins-Bold.woff2) format("woff2")}
/* Arial no tamanho do Poppins enquanto ele carrega: sem isso o titulo e os botoes do heroi
   mudavam de linha na troca (CLS 0,19 no celular, Lighthouse de 2026-10-22). Medidas tiradas
   dos .ttf com fontTools, largura de textos do site em Poppins sobre Arial Bold */
@font-face{font-family:Poppins-fb;font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:107.08%;ascent-override:98.06%;descent-override:32.69%;line-gap-override:9.34%}
@font-face{font-family:Poppins-fb;font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:107.71%;ascent-override:97.49%;descent-override:32.5%;line-gap-override:9.28%}
@font-face{font-family:"Source Sans 3";font-weight:200 900;font-display:swap;src:url(../fontes/SourceSans3-VF.woff2) format("woff2")}

:root{
  color-scheme:only light;
  --azul:#0C445C; --prof:#08323F; --lar:#DC6414; --lar-tx:#B85408;
  --tinta:#111820; --cinza:#485461; --cinza-c:#616D7B;
  --azul-c:#E9F0F3; --areia:#FEF3E8; --fundo-alt:#F5F7FA; --linha:#D5DCE3;
  --sobre-azul:#D6E3EA;
  --r:10px; --wrap:1160px;
  --t:"Poppins",Poppins-fb,Arial,sans-serif; --c:"Source Sans 3","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--tinta);font:17px/1.6 var(--c)}
img,svg{display:block;max-width:100%}
a{color:var(--azul)}
h1,h2,h3,.h3{font-family:var(--t);color:var(--azul);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(30px,5.2vw,50px);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(25px,3.4vw,34px);font-weight:700}
h3,.h3{font-size:19px;font-weight:600}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.pular{position:absolute;left:-9999px}
.pular:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px 14px;border-radius:6px}
:focus-visible{outline:3px solid var(--lar);outline-offset:2px}

/* barra da previa */
.previa{background:var(--prof);color:var(--sobre-azul);font-size:13.5px}
.previa-in{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}
.previa b{color:#fff}
.previa button{font:600 13px var(--t);background:transparent;color:#fff;border:1px solid #6F8C9B;border-radius:99px;padding:5px 12px;cursor:pointer}
.previa button[aria-pressed="true"]{background:var(--lar);border-color:var(--lar)}

/* pendencias: aparecem sem JS e no modo anotacoes */
.pend{display:block;margin:.8em 0;padding:9px 12px;border:1px solid #F3C9A6;background:var(--areia);
  color:#5B2A04;font-size:14.5px;line-height:1.45;border-radius:6px}
.pend b{color:#5B2A04}
.js .limpo .pend{display:none}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--linha)}
.util{background:var(--prof)}
.util-in{display:flex;justify-content:flex-end;min-height:34px;align-items:center}
.util-link{display:inline-flex;align-items:center;gap:7px;font:600 14px var(--t);color:#fff;text-decoration:none;padding:6px 0}
.util-link:hover{text-decoration:underline}
.util-link .i{width:18px;height:18px;color:#FFB27A}
.topo-in{display:flex;align-items:center;gap:24px;min-height:72px}
.marca{flex:none;display:block}
.lg-topo{height:46px;width:auto}
.menu{display:none;gap:22px;margin-left:auto}
.menu a{font:600 15px var(--t);color:var(--azul);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current="page"]{border-bottom-color:var(--lar)}
.topo .btn.sm{margin-left:auto}
.burger{border:0;background:transparent;color:var(--azul);width:44px;height:44px;padding:9px;cursor:pointer}
.menu-cel{border-top:1px solid var(--linha);padding:8px 0}
.menu-cel a{display:block;font:600 16px var(--t);color:var(--azul);text-decoration:none;padding:12px 0}
@media (min-width:1100px){
  .menu{display:flex}.topo .btn.sm{margin-left:0}.burger,.menu-cel{display:none!important}
}
/* no celular o botao do topo vira so o icone; o texto continua para o leitor de tela */
@media (max-width:520px){.topo .btn.sm span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topo .btn.sm{padding:10px 12px}}

/* botoes */
.btn{display:inline-flex;align-items:center;gap:9px;font:600 16px var(--t);text-decoration:none;border-radius:8px;
  padding:13px 20px;border:2px solid transparent;cursor:pointer;line-height:1.2}
.btn .i{width:19px;height:19px;flex:none}
.btn.sm{font-size:15px;padding:10px 16px}
/* botao com texto de 15 a 17 px: o laranja da marca daria 3,57:1; o Laranja texto da 4,87:1 */
.btn.laranja{background:var(--lar-tx);color:#fff}
.btn.laranja:hover{background:#9E4707}
.btn.azul{background:var(--azul);color:#fff}
.btn.claro{background:transparent;color:#fff;border-color:#8FB0C0}
.btn.contorno{background:#fff;color:var(--azul);border-color:var(--azul)}
.btn.contorno .i{color:#128C4A}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}

/* heroi */
.heroi{background:var(--prof);color:var(--sobre-azul);padding:56px 0 64px;position:relative}
.heroi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--lar)}
.heroi-in{display:grid;gap:40px}
.heroi h1{color:#fff}
.heroi .lead{font-size:clamp(19px,2.2vw,23px);color:#fff;line-height:1.45}
/* rotulos em caixa normal: caixa alta espacada acima de todo titulo e cacoete de site gerado (41.11) */
.sobre{font:600 15.5px var(--t);color:#FFB27A;margin-bottom:14px}
.siglas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.siglas li{font:600 14px var(--t);color:#fff;border:1px solid #4F7385;border-radius:99px;padding:5px 12px}
.foto-heroi .foto{margin:0}
.foto-heroi img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);display:block}
.foto-heroi figcaption{font-size:14px;color:var(--sobre-azul);margin-top:8px}
@media (min-width:900px){.heroi-in{grid-template-columns:1.25fr 1fr;align-items:center}.heroi{padding:84px 0 92px}}

/* blocos */
.bloco{padding:64px 0}
.bloco.cinza{background:var(--fundo-alt)}
.duas{display:grid;gap:36px}
@media (min-width:900px){.duas{grid-template-columns:1fr 1fr;gap:56px}.bloco{padding:88px 0}}
.rotulo{font:600 15px var(--t);color:var(--lar-tx);margin-bottom:8px}
.rotulo.claro{color:#FFB27A}
.lead.escuro{color:var(--cinza);font-size:19px}
.fino{font-size:15px;color:var(--cinza)}
.checks{list-style:none;margin:0;padding:0}
.checks li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--linha);font-size:18px}
.checks .i{width:24px;height:24px;flex:none;color:var(--lar);margin-top:2px}
.lista-serv{list-style:none;margin:0;padding:0}
.lista-serv a{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:var(--tinta);font-size:17.5px}
.lista-serv a:hover{color:var(--azul)}
.lista-serv b{font:600 13px var(--t);color:var(--azul);background:var(--azul-c);border-radius:5px;padding:3px 8px;min-width:64px;text-align:center}
.resumo{margin-top:26px}
.mais{margin-top:32px}
.grade-fotos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 10px;margin-top:14px}
@media (min-width:600px){.grade-fotos{grid-template-columns:repeat(3,1fr)}}
.grade-fotos .foto{margin:0}
.grade-fotos img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;background:var(--fundo-alt)}
.grade-fotos figcaption{font-size:13.5px;line-height:1.35;color:var(--cinza);margin-top:6px}
.ph{aspect-ratio:1;border:2px dashed #AFC0CC;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:var(--cinza-c);font-size:14px;background:#fff}

/* contato */
.contato{background:var(--azul);color:var(--sobre-azul)}
.contato h2{color:#fff}
.contato .lead{color:#fff;font-size:20px}
.faixa-cta{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center;justify-content:space-between}
.faixa-cta h2{margin-bottom:.3em}.faixa-cta .lead{margin:0}
.contato.bloco{padding:56px 0}

/* pagina de contato */
.dados{margin:26px 0 0;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;font-size:17px}
.dados dt{font:600 14.5px var(--t);color:var(--azul);padding-top:2px}
.dados dd{margin:0}
@media (max-width:520px){.dados{grid-template-columns:1fr;gap:4px}.dados dd{margin-bottom:12px}}
.destaque{font:600 19px/1.45 var(--t);color:var(--azul)}

/* paginas internas */
.titulo-pag{background:var(--prof);color:var(--sobre-azul);padding:52px 0 56px;position:relative}
.titulo-pag::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--lar)}
.titulo-pag h1{color:#fff;max-width:880px}
.titulo-pag .lead{color:#fff;max-width:760px;font-size:19px}
.texto p{font-size:18.5px}
.equipe{list-style:none;margin:18px 0 0;padding:0}
.equipe li{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--linha)}
.equipe .avatar-ph{width:72px;flex:none}
.equipe .avatar{width:72px;height:72px;flex:none;border-radius:8px;object-fit:cover}
.equipe b{display:block;font:600 17px var(--t);color:var(--azul)}
.equipe span{display:block;color:var(--cinza);font-size:15.5px}
.faixa-mvv{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.faixa-mvv p:not(.rotulo){font-size:19px;max-width:720px;margin:0}
.grade-serv{display:grid;gap:18px;margin-top:26px}
@media (min-width:700px){.grade-serv{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.grade-serv{grid-template-columns:repeat(3,1fr)}}
.serv{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;scroll-margin-top:90px}
.serv .tag{font:600 13px var(--t);color:var(--azul);background:var(--azul-c);border-radius:5px;padding:3px 9px;align-self:flex-start;margin-bottom:12px}
.serv p{color:var(--cinza)}
.serv .btn{margin-top:auto;align-self:flex-start}
.prazo{margin:0 0 18px;padding:12px 14px;background:var(--fundo-alt);border-radius:8px;font-size:14.5px;line-height:1.45}
.prazo div+div{margin-top:8px;padding-top:8px;border-top:1px solid var(--linha)}
.prazo dt{font:600 13.5px var(--t);color:var(--lar-tx)}
.prazo dd{margin:2px 0 0;color:var(--tinta)}
.faixa-aluno{background:var(--azul-c);border-bottom:1px solid var(--linha)}
.faixa-aluno-in{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}
.faixa-aluno h2{margin:0 0 4px}.faixa-aluno p{margin:0;color:var(--tinta)}
.serv.com-foto>img{width:calc(100% + 44px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-22px -22px 18px;border-radius:calc(var(--r) - 4px) calc(var(--r) - 4px) 0 0;display:block}
.outro{margin-top:30px;background:var(--azul-c);border-radius:var(--r);padding:26px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.outro h3{margin-bottom:4px}.outro p{margin:0}
.aviso-rt{margin-top:22px;font-size:14.5px;color:var(--cinza)}
.tres-mvv{display:grid;gap:22px}
@media (min-width:900px){.tres-mvv{grid-template-columns:repeat(3,1fr)}}
.mvv{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:24px}
.mvv p:not(.rotulo){font-size:18.5px;color:var(--tinta)}
.mvv ul{margin:0;padding-left:20px;font-size:18.5px}

/* depoimento de cliente (ADR 0025) */
.depo{margin:0;max-width:760px;background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:28px}
.depo blockquote{margin:0}
.depo blockquote p{font-size:20px;line-height:1.55;color:var(--tinta);margin:0 0 16px}
.depo figcaption{font-size:16px;color:var(--cinza)}
.depo figcaption b{display:block;font-family:var(--t);color:var(--azul)}
.estreito{max-width:780px}
.estreito .h3{margin-top:1.6em}

/* rodape */
.rodape{background:var(--prof);color:var(--sobre-azul);padding:56px 0 30px;font-size:15.5px}
.rod-grade{display:grid;gap:30px}
@media (min-width:900px){.rod-grade{grid-template-columns:1.1fr 1fr 1.1fr}}
.lg-rod{width:190px;height:auto}
.slogan-rod{font:600 15px var(--t);color:#FFB27A;margin-top:14px}
.rodape nav{display:grid;gap:8px;align-content:start}
.rodape a{color:#fff}
.rod-contato b{color:#fff}
.rodape .pend{color:#5B2A04}
.legal{margin-top:34px;padding-top:18px;border-top:1px solid #2C5566;font-size:13.5px;color:#B7C9D3}

/* dialogo do WhatsApp */

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}