/* Orion Workforce — Site institucional (estilos compartilhados) */
:root{
  --dark:#0B0B0C; --dark2:#141417; --ink:#1A1A18;
  --yellow:#F4B81C; --yellow-d:#D99E00;
  --muted:#9A9A92; --line:rgba(255,255,255,.10);
  --card:#17171B; --white:#fff; --green:#22C55E;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html{background:var(--dark)}
body{font-family:'Segoe UI',system-ui,Arial,sans-serif;background:transparent;color:#E8E8E4;line-height:1.55;-webkit-font-smoothing:antialiased}
/* Fundo animado (constelação) atrás de todo o conteúdo, em todas as páginas */
#orion-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;border-radius:10px;padding:12px 22px;cursor:pointer;border:none;font-family:inherit;transition:all .15s;line-height:1}
.btn-y{background:var(--yellow);color:#1A1A18}
.btn-y:hover{background:var(--yellow-d);transform:translateY(-1px)}
.btn-o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.btn-o:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.btn-wa{background:#25D366;color:#07301a}
.btn-wa:hover{background:#1eb457}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--yellow);background:rgba(244,184,28,.1);border:1px solid rgba(244,184,28,.25);padding:6px 13px;border-radius:30px}

/* NAV */
header.site{position:sticky;top:0;z-index:100;background:rgba(11,11,12,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:10px;height:80px}
.nav .brand img{height:64px;width:auto;display:block;border-radius:8px}
.nav-links{display:flex;gap:4px;margin-left:30px}
.nav-links a{padding:8px 12px;border-radius:8px;font-size:14px;color:#C8C8C2;font-weight:600;white-space:nowrap}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-links a.on{color:var(--yellow)}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:9px}
.nav-entrar{font-size:14px;color:#C8C8C2;font-weight:700;padding:8px 10px;border-radius:8px;white-space:nowrap}
.nav-entrar:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-login{font-size:14px;font-weight:600;color:#C8C8C2;padding:8px 12px}
.nav-login:hover{color:#fff}
.burger{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;margin-left:auto}
@media(max-width:960px){
  .nav-links,.nav-cta{display:none}
  .burger{display:block}
  .nav.open + .mobile{display:flex}
}
.mobile{display:none;flex-direction:column;gap:4px;padding:10px 22px 18px;border-bottom:1px solid var(--line);background:#0d0d0f}
.mobile a{padding:11px 12px;border-radius:8px;color:#D0D0CA;font-weight:600}
.mobile a:hover{background:rgba(255,255,255,.06);color:#fff}
.mobile .btn{justify-content:center;margin-top:6px}

/* SECTIONS */
section{padding:70px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 44px}
.sec-head h2{font-size:33px;font-weight:800;color:#fff;margin:14px 0 12px;letter-spacing:-.4px}
.sec-head p{font-size:16px;color:#B5B5AE}
.page-hero{padding:64px 0 26px;background:radial-gradient(120% 130% at 80% 0%,#1d2c4a 0%,#0B0B0C 60%)}
.page-hero h1{font-size:40px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:12px}
.page-hero p{font-size:17px;color:#BFBFB8;max-width:640px}

/* CARDS / grid */
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;transition:all .15s}
.card:hover{border-color:rgba(244,184,28,.4);transform:translateY(-3px)}
.card .ic{width:48px;height:48px;border-radius:12px;background:rgba(244,184,28,.12);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:15px}
.card h3{font-size:17px;color:#fff;font-weight:700;margin-bottom:7px}
.card p{font-size:13.5px;color:#A8A8A1}
.card ul{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:8px}
.card li{font-size:13.5px;color:#C6C6BF;display:flex;align-items:flex-start;gap:8px}
.card li i{color:var(--yellow);font-size:15px;margin-top:1px;flex-shrink:0}

/* FORMS */
.form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}
.form .fg{margin-bottom:15px}
.form label{display:block;font-size:12.5px;font-weight:700;color:#C8C8C2;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;background:#0e0e11;border:1px solid #2a2a30;border-radius:9px;color:#EDEDE9;font-family:inherit;font-size:14px;padding:11px 13px;outline:none;transition:border-color .15s}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--yellow)}
.form textarea{resize:vertical;min-height:110px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.form .row{grid-template-columns:1fr}}
.form .hp{position:absolute;left:-9999px;opacity:0}
.form-msg{margin-top:14px;padding:12px 14px;border-radius:9px;font-size:13.5px;display:none}
.form-msg.ok{display:block;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#8ff0b6}
.form-msg.err{display:block;background:rgba(224,36,36,.12);border:1px solid rgba(224,36,36,.35);color:#ffb4b4}

/* FOOTER */
footer.site{border-top:1px solid var(--line);padding:40px 0 30px;background:#0a0a0b}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}
footer.site img{height:52px;width:auto;border-radius:7px;margin-bottom:12px}
footer.site p{color:#8a8a82;font-size:13px;max-width:320px}
.foot-col h4{color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}
.foot-col a{display:block;color:#A8A8A1;font-size:13.5px;padding:4px 0}
.foot-col a:hover{color:#fff}
.foot-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:#6f6f68;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}