/* Site institucional Valen Pharma (v1, 28/10/2026; pele "vidro" v7, 29/10/2026). WEBCHIEF. Tom: soft-modern institucional.
   Identidade da HOLDING (verde-petroleo, menta, Onest). Marcas aparecem so com logo e cor proprios, no card.
   v7: menos flat. Profundidade por sombra em camadas, cards brancos de raio maior, paineis de vidro fosco, fundo menta
   em degrade e o V de vidro (assets/vidro/) como grafismo da Valen. O V nunca entra num card de marca endossada. */
@font-face{font-family:"Onest";src:url("/assets/onest-latin-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --verde:#0F4C52;--verde-2:#0B3E43;--verde-3:#14606A;--menta:#8ED1C6;--menta-bg:#EEF7F5;--menta-2:#D5EEE9;
  --ink:#14282A;--muted:#4E6264;--line:#DCE7E5;--bg:#FFFFFF;
  --syn-bg:#EEF5FF;--syn-ink:#002A5E;--syn-line:#D3E2F5;
  --ker-bg:#FBF8F3;--ker-ink:#7A5523;--ker-line:#E9E1D9;
  --neutro-bg:#F3F5F5;--neutro-ink:#3B4748;
  --erro:#B42318;--ok:#0F4C52;
  --gutter:16px;--wrap:1200px;--leitura:720px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --raio:20px;--raio-p:12px;--raio-g:28px;
  /* v7 vidro: sombras em camadas (cor do verde, nunca preto puro), vidro fosco, degrades */
  --sombra-1:0 1px 2px rgba(15,76,82,.06),0 3px 10px -2px rgba(15,76,82,.06);
  --sombra-2:0 1px 2px rgba(15,76,82,.05),0 8px 20px -6px rgba(15,76,82,.10),0 24px 48px -20px rgba(15,76,82,.16);
  --sombra-3:0 2px 4px rgba(15,76,82,.05),0 16px 32px -10px rgba(15,76,82,.16),0 40px 80px -32px rgba(15,76,82,.26);
  --borda-card:rgba(15,76,82,.07);
  --vidro:rgba(255,255,255,.64);--vidro-borda:rgba(255,255,255,.9);--vidro-blur:saturate(1.5) blur(18px);
  --fundo:#F6FBFA;
  --menta-grad:linear-gradient(165deg,#E6F4F0 0%,#F1F9F7 48%,#F8FCFB 100%);
  --verde-grad:linear-gradient(135deg,#15646C 0%,#0F4C52 42%,#0B3E43 100%);
  --num:#4F968C;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light;scroll-padding-top:88px}
body{margin:0;background:var(--fundo);color:var(--ink);font-family:"Onest",Inter,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--verde);text-underline-offset:3px}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
h4,.apoio,.kpi,.graf-tit,.mx-linha,.fecho-par,.proposito-frase{text-wrap:balance} /* r2 corporativo: sem linha orfa */
:focus-visible{outline:3px solid var(--verde-3);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:var(--gutter);top:var(--s2);background:#fff;padding:var(--s2) var(--s3);z-index:50}
.wrap{max-width:calc(var(--wrap) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.leitura{max-width:var(--leitura)}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* topo */
.topo{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(15,76,82,.08);padding-top:env(safe-area-inset-top)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topo{background:rgba(246,251,250,.74);-webkit-backdrop-filter:var(--vidro-blur);backdrop-filter:var(--vidro-blur)}}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:68px}
.topo-logo{display:flex;align-items:center;min-height:44px}
.topo-logo img{width:auto;height:15px}
.menu{display:flex;align-items:center;gap:var(--s2)}
.menu-lista{display:flex;list-style:none;margin:0;padding:0;gap:var(--s1)}
.menu-lista a{display:flex;align-items:center;min-height:44px;padding:0 var(--s3);border-radius:var(--raio-p);color:var(--ink);font-size:15px;font-weight:550;text-decoration:none}
.menu-lista a[aria-current="page"]{color:var(--verde);box-shadow:inset 0 -2px 0 var(--menta)}
@media (hover:hover){.menu-lista a:hover{color:var(--verde);background:var(--menta-bg)}}
.menu-abrir{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--raio-p);background:#fff;color:var(--ink);cursor:pointer;touch-action:manipulation}
.menu-abrir .ico-x{display:none}
.topo[data-aberto] .menu-abrir .ico-menu{display:none}
.topo[data-aberto] .menu-abrir .ico-x{display:block}

/* botoes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border-radius:999px;border:2px solid var(--verde);background:var(--verde);color:#fff;font:inherit;font-size:16px;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.btn{box-shadow:0 1px 2px rgba(11,62,67,.18),0 8px 18px -8px rgba(11,62,67,.55)}
.btn .ico{width:18px;height:18px}
.btn-sec{background:rgba(255,255,255,.55);color:var(--verde);box-shadow:none}
.btn-claro{background:#fff;border-color:#fff;color:var(--verde);box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.btn-p{min-height:44px;padding:0 var(--s4);font-size:15px}
@media (hover:hover){.btn:hover{background:var(--verde-2);border-color:var(--verde-2);color:#fff;transform:translateY(-1px)}.btn-claro:hover{background:var(--menta-bg);border-color:var(--menta-bg);color:var(--verde)}}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.acoes{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.link-seta{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font-weight:650;text-decoration:none}
.link-seta .ico{width:18px;height:18px}
@media (hover:hover){.link-seta:hover{text-decoration:underline}}

/* secoes */
.secao{padding:var(--s8) 0}
.secao-menta{background:var(--menta-grad)}
.secao-verde{background:var(--verde-grad);color:#fff}
.kicker{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--verde-3)}
.t2{font-size:clamp(28px,4.2vw,44px);font-weight:740;line-height:1.1;letter-spacing:-.025em;color:var(--verde)}
.t3{font-size:clamp(20px,2.4vw,24px);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--verde)}
.apoio{margin-top:var(--s4);font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:var(--leitura)}
.texto p+p{margin-top:var(--s4)}
.texto{margin-top:var(--s4);max-width:var(--leitura)}
.cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4)}

/* hero home */
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#E4F2EE 0%,#EDF7F4 45%,#F1F8F6 100%);padding:var(--s8) 0 0}
.hero-grid{position:relative;display:grid;gap:var(--s5)}
.hero-grid > div{position:relative;z-index:1}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(to bottom,rgba(246,251,250,0),var(--fundo));pointer-events:none}
.hero h1{font-size:clamp(40px,7.4vw,84px);font-weight:760;line-height:1.02;letter-spacing:-.035em;color:var(--verde);max-width:13ch}
.hero .apoio{margin-top:var(--s5);color:var(--ink);max-width:560px}
.hero-arte{display:block;width:calc(100% + var(--gutter)*2);max-width:none;height:auto;aspect-ratio:16/11;margin:calc(var(--s4)*-1) calc(var(--gutter)*-1) 0;object-fit:cover;object-position:92% 92%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 82%,transparent 100%);
  animation:vidro-entra 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes vidro-entra{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}

/* cabecalho de pagina interna */
.pag-cab{position:relative;background:var(--menta-grad);padding:var(--s8) 0 var(--s7)}
.pag-cab h1{font-size:clamp(36px,6vw,64px);font-weight:760;line-height:1.04;letter-spacing:-.03em;color:var(--verde);max-width:18ch}
.pag-cab .kicker{margin-bottom:var(--s3)}
.pag-cab .apoio{color:var(--ink)}

/* marcas */
.marcas{display:grid;gap:var(--s4);margin-top:var(--s6)}
.marca{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6) var(--s5) var(--s5);border-radius:var(--raio-g);border:1px solid var(--line);min-width:0;box-shadow:var(--sombra-2);transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){.marca:hover{transform:translateY(-3px);box-shadow:var(--sombra-3)}}
.marca-logo{display:flex;align-items:center;gap:var(--s3);height:72px}
.marca-logo .s{width:48px;height:48px}
.marca-logo .nome{width:auto;height:30px}
.marca-logo .ks{width:auto;height:52px}
.marca-logo .kn{width:auto;height:24px}
.marca-logo .kh{width:auto;height:46px}
.marca-texto{font-size:28px;font-weight:700;letter-spacing:-.01em;color:var(--neutro-ink)}
.marca-linha{font-size:17px;line-height:1.5}
.marca-detalhe{font-size:15px;color:var(--muted)}
.marca-acoes{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:auto;padding-top:var(--s2)}
.marca-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:2px solid currentColor;font-size:14px;font-weight:650;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.marca-btn .ico{width:16px;height:16px}
.selo{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:0 var(--s3);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.marca--synapta{background:var(--syn-bg);border-color:var(--syn-line);color:var(--syn-ink)}
.marca--synapta .marca-detalhe{color:#33507A}
.marca--synapta .marca-btn{color:var(--syn-ink)}
.marca--synapta .selo{background:#fff;color:var(--syn-ink)}
.marca--keravyn{background:var(--ker-bg);border-color:var(--ker-line);color:#3B2A14}
.marca--keravyn .marca-detalhe{color:#6B5A44}
.marca--keravyn .marca-btn{color:var(--ker-ink)}
.marca--keravyn .selo{background:#fff;color:var(--ker-ink)}
.marca--embreve{background:var(--neutro-bg);border-color:#E3E8E8;color:var(--neutro-ink)}
.marca--embreve .selo{background:#fff;color:var(--neutro-ink);border:1px solid #D5DCDC}
@media (hover:hover){.marca--synapta .marca-btn:hover{background:var(--syn-ink);color:#fff}.marca--keravyn .marca-btn:hover{background:var(--ker-ink);color:#fff}}

/* numeros */
/* #numeros: desde a rodada corporativo e a lista dentro de #resultados (o fundo radial da antiga faixa saiu) */
.numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s4);margin:var(--s5) 0 0;padding:var(--s5) var(--s4);list-style:none;border-radius:var(--raio-g);background:rgba(255,255,255,.9);border:1px solid var(--vidro-borda);box-shadow:var(--sombra-2)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.numeros{background:var(--vidro);-webkit-backdrop-filter:var(--vidro-blur);backdrop-filter:var(--vidro-blur)}}
.numeros li{position:relative;min-width:0}
.numeros li::before{content:"";display:block;width:44px;height:44px;margin-bottom:var(--s3);border-radius:14px;background:var(--menta-bg) var(--ico) center/22px no-repeat;box-shadow:inset 0 0 0 1px rgba(15,76,82,.06)}
.numeros li:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
.numeros li:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.numeros li:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}
.numeros li:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E")}
.numeros b{display:block;font-size:clamp(26px,3.2vw,40px);font-weight:760;line-height:1.05;letter-spacing:-.025em;color:var(--verde);font-variant-numeric:tabular-nums}
.numeros span{display:block;margin-top:var(--s2);font-size:15px;line-height:1.4;color:var(--muted)}
.numeros b span{display:inline;margin:0;font:inherit;color:inherit}

/* pontos (como fazemos) */
.pontos{display:grid;gap:var(--s4);margin:var(--s6) 0 0;padding:0;list-style:none;counter-reset:p}
.ponto{counter-increment:p;position:relative;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);border:1px solid var(--borda-card);border-radius:var(--raio-g);background:#fff;box-shadow:var(--sombra-2)}
.ponto::after{content:counter(p,decimal-leading-zero) ".";position:absolute;top:var(--s4);right:var(--s5);font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--num);font-variant-numeric:tabular-nums}
.ponto-ico{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#F2FAF8,#DDF1EC);color:var(--verde);box-shadow:inset 0 0 0 1px rgba(15,76,82,.07),0 4px 10px -4px rgba(15,76,82,.18)}
.ponto-ico .ico{width:22px;height:22px}
.ponto h3{font-size:18px;font-weight:700;color:var(--verde);line-height:1.3}
.ponto p{margin-top:var(--s1);font-size:16px;color:var(--muted)}

/* chamada (creators) */
/* rodada vidro 3 (29/10): sem moldura; o objeto de creator (celular de vidro) flutua sobre o verde, sombra escura e difusa (r2: sem brilho menta; no celular ~50 px do botao e sem sangrar) */
.chamada{display:grid;gap:var(--s5);padding:var(--s7) var(--s5) var(--s6);border-radius:var(--raio-g);background:var(--verde-grad);color:#fff;position:relative;box-shadow:var(--sombra-3)}
.chamada > *{position:relative;z-index:1}
.chamada-obj{display:block;width:150px;height:auto;justify-self:end;margin:28px var(--s3) calc(-1 * var(--s3)) 0;filter:drop-shadow(0 26px 30px rgba(2,26,29,.55)) drop-shadow(0 8px 10px rgba(2,26,29,.35))}
.chamada .t2{color:#fff}
.chamada p{color:#D7ECE9;font-size:18px;max-width:560px}
.chamada .acoes{margin-top:0}

/* vagas */
.vagas{display:grid;gap:var(--s4);margin-top:var(--s6)}
.card-vaga{display:flex;flex-direction:column;border:1px solid var(--borda-card);border-radius:var(--raio-g);background:#fff;text-decoration:none;color:var(--ink);min-width:0;overflow:hidden;box-shadow:var(--sombra-2);transition:box-shadow .25s ease,transform .25s ease}
@media (hover:hover){.card-vaga:hover{transform:translateY(-3px);box-shadow:var(--sombra-3)}.card-vaga:hover .c-capa-img{transform:scale(1.03)}}
.c-capa{display:block;position:relative;aspect-ratio:2/1;overflow:hidden;background:var(--verde-grad)}
.c-capa-img{width:100%;height:100%;object-fit:cover;object-position:72% 30%;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.c-corpo{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5)}
.card-vaga .c-cargo{font-size:clamp(26px,2.6vw,30px);font-weight:760;color:var(--verde);line-height:1.15;letter-spacing:-.015em}
.card-vaga .c-sub{font-size:15px;color:var(--muted);line-height:1.4}
.card-vaga .c-sal{margin-top:var(--s2);font-size:18px;font-weight:700}
.card-vaga .c-sal small{font-size:14px;font-weight:500;color:var(--muted)}
.card-vaga .c-meta{font-size:15px;color:var(--muted)}
.card-vaga .c-ver{margin-top:var(--s2);font-weight:650;color:var(--verde);display:flex;align-items:center;gap:var(--s2)}
.card-vaga .c-ver .ico{width:18px;height:18px}
.modelo{margin-top:var(--s5);padding:var(--s3) var(--s4);border-left:3px solid var(--menta);border-radius:var(--raio-p);background:rgba(255,255,255,.8);box-shadow:var(--sombra-1);font-size:16px;max-width:var(--leitura)}

/* lista numerada (por que / passos) */
.lista-num{display:grid;gap:var(--s4);margin:var(--s6) 0 0;padding:0;list-style:none;counter-reset:n}
.lista-num li{counter-increment:n;position:relative;padding:var(--s5) var(--s5) var(--s5) 76px;border:1px solid var(--borda-card);border-radius:var(--raio);background:#fff;box-shadow:var(--sombra-1)}
.lista-num li::before{content:counter(n,decimal-leading-zero) ".";position:absolute;left:var(--s5);top:var(--s5);font-size:24px;font-weight:700;line-height:1.1;color:var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.secao .lista-num li{border-radius:var(--raio-g);box-shadow:var(--sombra-2)}
.lista-num b{display:block;color:var(--verde);font-size:18px;line-height:1.3;margin-bottom:var(--s1)}
.lista-num p{font-size:16px;color:var(--muted)}

/* banco de talentos */
.banco{position:relative;overflow:hidden;padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:radial-gradient(60% 90% at 100% 0%,rgba(142,209,198,.45),transparent 70%),var(--menta-grad);border:1px solid #fff;box-shadow:var(--sombra-2)}
.areas{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0 0;padding:0;list-style:none}
.areas li{padding:var(--s1) var(--s3);border-radius:999px;background:#fff;border:1px solid var(--menta-2);font-size:14px;font-weight:550;color:var(--verde-2)}
.areas-rot{margin-top:var(--s5);font-size:15px;font-weight:650}
.nota{margin-top:var(--s3);font-size:14px;color:var(--muted)}

/* texto corrido (paginas internas) */
.bloco-txt{position:relative;padding:var(--s7) 0}
.bloco-txt::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.bloco-txt:first-child::before{display:none}
.lista-tique{margin:var(--s4) 0 0;padding:0;list-style:none;display:grid;gap:var(--s2);max-width:var(--leitura)}
.lista-tique li{position:relative;padding-left:28px}
.lista-tique li::before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:6px;border-left:2px solid var(--verde-3);border-bottom:2px solid var(--verde-3);transform:rotate(-45deg) translateY(-2px)}
.grade-2{display:grid;gap:var(--s5)}
.caixa{padding:var(--s6) var(--s5);border:1px solid var(--borda-card);border-radius:var(--raio-g);background:#fff;box-shadow:var(--sombra-2)}
.caixa h2,.caixa h3{color:var(--verde)}
.caixa p{margin-top:var(--s2);color:var(--muted)}
.caixa .canal{margin-top:var(--s3);font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.aviso{padding:var(--s4) var(--s5);border-radius:var(--raio-p);background:#FFF7E6;border:1px solid #F2DDB0;color:#5C4210;font-size:16px;max-width:var(--leitura)}

/* vaga */
.vaga{max-width:calc(680px + var(--gutter)*2);margin:0 auto;padding:var(--s7) var(--gutter) var(--s8)}
.vaga-topo{position:relative;margin-top:var(--s3);border-radius:var(--raio-g);overflow:hidden;background:var(--verde-grad);color:#fff;box-shadow:var(--sombra-3)}
.vaga-capa{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:78% 50%;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
.vaga-topo-txt{position:relative;padding:var(--s2) var(--s5) var(--s6)}
.vaga .cargo{font-weight:760;color:var(--verde);line-height:1.04;letter-spacing:-.025em;font-size:clamp(38px,9vw,60px)}
.vaga .vaga-topo .cargo{color:#fff}
.vaga .vaga-topo .cargo-sub{color:#D7ECE9}
.vaga .vaga-topo .meta{color:#CFE9E4}
.vaga .vaga-topo .meta b{color:#fff}
.vaga .cargo-sub{display:block;margin-top:var(--s3);font-size:clamp(18px,4.6vw,22px);font-weight:500;color:var(--ink);letter-spacing:-.005em;line-height:1.3}
.vaga .meta{margin-top:var(--s4);font-size:15px;color:var(--muted)}
.vaga .meta b{color:var(--ink);font-weight:650}
.vaga .somos{margin-top:var(--s6)}
.vaga .abre{margin-top:var(--s6);padding-bottom:var(--s4);border-bottom:2px solid var(--verde);font-size:clamp(20px,5vw,24px);font-weight:650;line-height:1.35;letter-spacing:-.01em}
.vaga .bloco{margin-top:var(--s6)}
.vaga .bloco h2{margin:0 0 var(--s3);font-size:18px;font-weight:700;color:var(--verde);line-height:1.3}
.vaga .bloco p{margin:0 0 var(--s3)}
.vaga .bloco ul{list-style:none;margin:0;padding:0}
.vaga .bloco li{position:relative;padding-left:22px;margin:0 0 var(--s3)}
.vaga .bloco li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:2px;background:var(--verde)}
.vaga .acao{margin-top:var(--s7)}
.vaga .acao ol{list-style:none;margin:0;padding:0}
.vaga .btn-form{box-shadow:0 1px 2px rgba(11,62,67,.18),0 10px 24px -10px rgba(11,62,67,.6);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:60px;width:100%;padding:var(--s3) var(--s5);background:var(--verde);color:#fff;font-weight:650;font-size:18px;line-height:1.3;text-decoration:none;border-radius:12px;touch-action:manipulation;transition:background-color .2s ease,transform .2s ease}
@media (hover:hover){.vaga .btn-form:hover{background:var(--verde-2);transform:translateY(-1px)}}
.vaga .depois{margin-top:var(--s3);font-size:15px;color:var(--muted)}
.vaga .dia{margin-top:var(--s7);padding:var(--s5);background:var(--menta-grad);border:1px solid #fff;border-radius:var(--raio);box-shadow:var(--sombra-1)}
.vaga .dia h2{margin:0 0 var(--s3);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}
.vaga .dia p+p{margin-top:var(--s3)}

/* creators */
.destaque{margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--raio);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2);font-weight:600;max-width:600px}
.destaque b{color:var(--verde)}
.micro{margin-top:var(--s3);font-size:14px;color:var(--muted);max-width:520px}
.passos{display:grid;gap:var(--s4);margin:var(--s6) 0 0;padding:0;list-style:none}
.passo{padding:var(--s5);border-radius:var(--raio-g);border:1px solid var(--borda-card);background:#fff;box-shadow:var(--sombra-2)}
.passo .n{display:block;font-size:30px;font-weight:700;line-height:1;color:var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.passo .n::after{content:"."}
.passo .n + h3{margin-top:var(--s5)}
.passo h3{margin-top:var(--s2);font-size:18px;font-weight:700;color:var(--verde);line-height:1.3}
.passo p{margin-top:var(--s2);font-size:16px;color:var(--muted)}
.passos.recebe{align-items:start}
.box-syn{padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:var(--verde-grad);color:#fff;max-width:var(--leitura);box-shadow:var(--sombra-3)}
.box-syn h3{color:#fff;font-size:20px}
.box-syn ul{margin:var(--s3) 0 0;padding-left:20px}
.box-syn li+li{margin-top:var(--s2)}
.box-syn .micro{color:#CFE9E4}
.faq{margin-top:var(--s5);max-width:var(--leitura);padding:var(--s2) var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.faq details:last-child{border-bottom:0}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px;padding:var(--s3) 0;font-weight:650;font-size:18px;color:var(--verde);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-size:24px;font-weight:500;line-height:1;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 var(--s4);color:var(--muted)}
.duas-col{display:grid;gap:var(--s6)}

/* formulario */
.form{display:grid;gap:var(--s5);margin-top:var(--s5);max-width:600px}
.campo{display:grid;gap:var(--s2)}
.campo label,.campo legend{font-weight:650;font-size:16px;color:var(--ink);padding:0}
.campo input[type=text],.campo input[type=email],.campo input[type=tel]{width:100%;min-height:52px;padding:0 var(--s4);border:1.5px solid #B9CCC9;border-radius:var(--raio-p);background:#fff;font:inherit;font-size:16px;color:var(--ink)}
.campo input:focus-visible{outline:3px solid var(--menta);outline-offset:1px;border-color:var(--verde)}
.campo .ajuda{font-size:14px;color:var(--muted)}
.campo .erro-campo{font-size:14px;font-weight:600;color:var(--erro)}
.campo [aria-invalid="true"]{border-color:var(--erro)}
fieldset.campo{border:0;margin:0;padding:0;min-width:0}
.opcoes{display:flex;flex-wrap:wrap;gap:var(--s2)}
.opcao,.consent{display:flex;align-items:flex-start;gap:var(--s3);cursor:pointer}
.opcao{align-items:center;min-height:48px;padding:0 var(--s4);border:1.5px solid #B9CCC9;border-radius:999px;background:#fff;font-weight:550}
.opcao input,.consent input{width:22px;height:22px;flex:none;accent-color:var(--verde);margin:0}
.consent{font-size:15px;line-height:1.5;color:var(--ink)}
.campo .opcao{padding:0 var(--s4) 0 var(--s3);font-weight:550}
.campo .consent{font-weight:400;font-size:15px}
.consent input{margin-top:2px}
.form-status{padding:var(--s4) var(--s5);border-radius:var(--raio-p);font-size:16px}
.form-status[data-tipo="erro"]{background:#FEF3F2;border:1px solid #FECDCA;color:#7A271A}
.form-status a{font-weight:650}
.obrigado{padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:#fff;box-shadow:var(--sombra-2);max-width:600px}
.obrigado h3{font-size:26px;color:var(--verde)}
.obrigado p{margin-top:var(--s3)}

/* 404 */
.nao-achei{padding:var(--s9) 0;background:var(--menta-grad)}
.nao-achei .logo-404{width:auto;height:18px;margin-bottom:var(--s6)}

/* rodape */
.rodape{background:linear-gradient(160deg,#0F4C52 0%,#0B3E43 55%,#09363A 100%);color:#CFE3E0;padding:var(--s8) 0 calc(var(--s6) + env(safe-area-inset-bottom));font-size:15px}
.rodape a{color:#fff;text-decoration:none}
@media (hover:hover){.rodape a:hover{text-decoration:underline}}
.rodape-logo{width:auto;height:16px}
.rodape-linha{margin-top:var(--s4);max-width:360px}
.rodape-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s4);margin-top:var(--s7)}
.rodape h2{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--menta);margin-bottom:var(--s3)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.rodape li{min-height:32px;display:flex;align-items:center;overflow-wrap:anywhere}
.rodape li.rodape-email{flex-direction:column;align-items:flex-start;overflow-wrap:normal}
.rodape-email a{font-size:14px}
.rodape-fim{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#A9C8C4}

/* utilitarios */
.nowrap{white-space:nowrap}
.numeros b .so-largo{display:none}
.mt0{margin-top:0}.mt3{margin-top:var(--s3)}.mt4{margin-top:var(--s4)}.mt5{margin-top:var(--s5)}.mt6{margin-top:var(--s6)}.mt7{margin-top:var(--s7)}
.pt0{padding-top:0}.mw20{max-width:20ch}.mw560{max-width:560px}.claro{color:#fff}.claro2{color:#CFE9E4}
.t1{font-size:clamp(36px,6vw,64px)}

/* responsivo */
@media (max-width:479px){.rodape-cols > div:nth-child(3){grid-column:1/-1}}
@media (max-width:639px){.numeros li:nth-child(3){grid-column:1/-1}}
@media (max-width:959px){
  .menu-abrir{display:inline-flex}
  .menu-lista{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:var(--s2) var(--gutter) var(--s4);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(20,40,42,.08)}
  .topo[data-aberto] .menu-lista{display:flex}
  .menu-lista a{min-height:48px;font-size:17px}
  .menu-vagas{display:none}
}
@media (min-width:640px){
  .numeros{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rodape-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
  .chamada{padding:var(--s8) var(--s7) var(--s6)}
  .banco{padding:var(--s7)}
}
@media (min-width:768px){
  :root{--gutter:32px}
  .marcas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pontos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vagas{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* w2s: numero impar de vagas, a ultima ocupa a linha inteira deitada (capa do tamanho de uma coluna + texto ao lado), sem buraco na grade */
  #carreiras .vagas > .card-vaga:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}
  #carreiras .vagas > .card-vaga:last-child:nth-child(odd) .c-capa{flex:0 0 calc(50% - var(--s4)/2)}
  #carreiras .vagas > .card-vaga:last-child:nth-child(odd) .c-corpo{flex:1;justify-content:center}
  .grade-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lista-num.duas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .duas-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .chamada{align-content:center;min-height:320px;padding:var(--s8) calc(32% + var(--s7)) var(--s8) var(--s7)}
  .chamada-obj{position:absolute;top:50%;right:5%;width:24%;max-width:210px;margin:0;transform:translateY(-50%)}
}
@media (min-width:960px){
  body{font-size:18px}
  .secao{padding:var(--s9) 0}
  .hero{padding:var(--s9) 0 120px}
  .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}
  .chamada{align-content:center;min-height:360px;padding:var(--s8) calc(36% + var(--s6)) var(--s8) var(--s8)}
  .chamada-obj{width:min(280px,26%);max-width:none;right:6%}
  .numeros{padding:var(--s6) var(--s5)}
  .numeros li + li{padding-left:var(--s5);border-left:1px solid rgba(15,76,82,.09)}
  .passos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero{padding:var(--s9) 0 0;min-height:620px}
  .hero-grid{position:static}
  .hero-grid > div{padding-bottom:140px;max-width:640px}
  .hero-arte{position:absolute;right:0;top:0;width:min(60%,980px);height:100%;aspect-ratio:auto;margin:0;object-position:30% 62%;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to bottom,transparent 0,#000 16%,#000 86%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to bottom,transparent 0,#000 16%,#000 86%,transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .pag-cab{padding:var(--s9) 0 var(--s8)}
  .vaga-topo{min-height:340px;display:flex;align-items:flex-end}
  /* capa ancorada a direita e mais estreita que o quadro: os objetos (35-95% da arte) comecam em ~52% do quadro; a borda esquerda funde no petroleo */
  .vaga-capa{position:absolute;top:0;right:0;left:auto;width:81.5%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:0% 50%;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
  .vaga-topo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,62,67,.94) 0 36%,rgba(11,62,67,0) 60%);z-index:1}
  .vaga-topo-txt{padding:var(--s7) var(--s6) var(--s6);max-width:52%;z-index:2}
  .vaga .vaga-topo .cargo{font-size:44px}
  .pag-cab .wrap{position:relative}
  .numeros b .so-largo{display:inline}
}
@media (min-width:1200px){.passos.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* ---- rodada corporativo (29/10/2026): resultados, ecossistema, grades de icone, parcerias, marcas expandidas ---- */
.nota-dados{margin-top:var(--s4);font-size:13px}
.cab-res{display:grid;gap:var(--s2)}
.cab-res .apoio{margin-top:var(--s2)}
/* resultados: painel petroleo com 2 numeros e grafico de barras (HTML/CSS, sem biblioteca) */
.res{position:relative;display:grid;gap:var(--s6);margin-top:var(--s6);padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:var(--verde-grad);color:#fff;box-shadow:var(--sombra-3);overflow:hidden}
.res::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 75% at 100% 0%,rgba(142,209,198,.20),transparent 70%);pointer-events:none}
.res > *{position:relative;min-width:0}
.res-kpis{display:grid;gap:var(--s5);align-content:center}
.kpi b{display:block;font-size:clamp(38px,4.4vw,56px);white-space:nowrap;font-weight:760;line-height:1;letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums}
.kpi span{display:block;margin-top:var(--s2);font-size:16px;line-height:1.4;color:#CFE9E4}
.kpi + .kpi{padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.16)}
.graf{margin:0;padding:var(--s5) var(--s4) var(--s4);border-radius:var(--raio);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.graf-tit{font-size:15px;font-weight:650;line-height:1.35;color:#E6F5F2}
.graf-area{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,2.4vw,26px);height:clamp(230px,24vw,300px);margin-top:var(--s4);padding-top:30px}
.graf-area::before{content:"";position:absolute;left:0;right:0;top:30px;bottom:30px;background:repeating-linear-gradient(to top,rgba(255,255,255,.14) 0 1px,transparent 1px 25%);border-bottom:1px solid rgba(255,255,255,.4);pointer-events:none}
.graf-col{display:flex;flex-direction:column;min-width:0}
.graf-trilho{position:relative;flex:1}
.graf-barra{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#9DD8CE 0%,#5FA99D 100%);transform-origin:50% 100%}
.graf-col--top .graf-barra{background:linear-gradient(180deg,#F2FFFC 0%,#8ED1C6 100%);box-shadow:0 12px 32px -10px rgba(142,209,198,.7)}
.graf-val{position:absolute;left:-8px;right:-8px;bottom:calc(var(--h) + 6px);text-align:center;font-size:clamp(13px,1.3vw,16px);font-weight:700;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums}
.graf-mes{height:30px;display:flex;align-items:flex-end;justify-content:center;font-size:14px;font-weight:600;color:#CFE9E4}
.graf-col--top .graf-mes{color:#fff}
.graf.anima .graf-barra{transform:scaleY(.001)}
.graf.anima .graf-val{opacity:0;transform:translateY(8px)}
.graf.anima.on .graf-barra{transform:none;transition:transform 1.1s cubic-bezier(.16,1,.3,1) calc(var(--i) * 110ms)}
.graf.anima.on .graf-val{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 110ms + .6s),transform .5s ease calc(var(--i) * 110ms + .6s)}
.graf-dest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid rgba(255,255,255,.16)}
.graf-dest b{display:block;white-space:nowrap;font-size:clamp(22px,3vw,36px);font-weight:760;line-height:1.05;letter-spacing:-.02em;color:var(--menta);font-variant-numeric:tabular-nums}
.graf-dest span{display:block;margin-top:var(--s1);font-size:14px;line-height:1.4;color:#CFE9E4}

/* ecossistema: celular = trilho vertical; >= 768 = anel com os 3 nos (posicao em cqw do proprio diagrama) */
.eco-grid{display:grid;gap:var(--s5)}
.eco-cab{max-width:var(--leitura)}
.eco{position:relative;margin-top:var(--s5)}
.eco-anel,.eco-centro{display:none}
.eco-nos{position:relative;list-style:none;margin:0;padding:0 0 0 30px;display:grid;gap:var(--s4)}
.eco-nos::before{content:"";position:absolute;left:9px;top:28px;bottom:28px;width:3px;border-radius:3px;background:linear-gradient(var(--verde),var(--menta))}
.eco-no{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s3);padding:var(--s4) var(--s5) var(--s5);border-radius:var(--raio);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.eco-no::before{content:"";position:absolute;left:-30px;top:24px;width:21px;height:21px;border-radius:50%;background:#fff;border:4px solid var(--verde);box-sizing:border-box}
.eco-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--verde-grad);color:#fff;box-shadow:0 6px 14px -6px rgba(11,62,67,.5)}
.eco-ico .ico{width:21px;height:21px}
.eco-no h3{font-size:19px;font-weight:740;line-height:1.2;color:var(--verde);letter-spacing:-.01em}
.eco-no p{grid-column:1/-1;margin-top:var(--s3);font-size:15px;line-height:1.5;color:var(--muted)}
@media (min-width:768px){
  .eco{container-type:inline-size;width:100%;max-width:680px;aspect-ratio:1/.86;margin:var(--s5) auto 0}
  .eco-anel{display:block;position:absolute;left:50%;top:50cqw;width:64cqw;height:64cqw;transform:translate(-50%,-50%);overflow:visible}
  .eco-anel circle{fill:rgba(255,255,255,.5);stroke:var(--verde-3);stroke-opacity:.45;stroke-width:1.2;stroke-dasharray:2 4}
  .eco-anel path{fill:none;stroke:var(--verde);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .eco-centro{display:block;position:absolute;left:50%;top:50cqw;width:15cqw;height:15cqw;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 10px rgba(255,255,255,.75),var(--sombra-3)}
  .eco-centro img{width:100%;height:100%}
  .eco--completo{max-width:860px}
  .eco--completo .eco-centro{width:19.5cqw;height:19.5cqw}
  .eco-nos{position:static;display:block;padding:0}
  .eco-nos::before,.eco-no::before{display:none}
  .eco-no{position:absolute;width:35cqw;transform:translate(-50%,-50%);padding:var(--s4) var(--s4) var(--s4) var(--s4)}
  .eco-no p{font-size:clamp(14px,2.3cqw,15px)}
  .eco-no--1{left:50%;top:18cqw}
  .eco-no--2{left:calc(50% + 26.2cqw);top:68.4cqw}
  .eco-no--3{left:calc(50% - 26.2cqw);top:68.4cqw}
}
@media (min-width:1200px){
  .eco-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:var(--s7)}
  .eco--resumo{margin-top:0}
}

/* grade de icones (posicionamento, estrutura, canais, objetivos, parcerias) */
.grade-ico{display:grid;gap:var(--s4);margin:var(--s6) 0 0;padding:0;list-style:none}
.grade-ico > li{min-width:0;padding:var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.grade-ico h3{margin-top:var(--s4);font-size:18px;font-weight:700;line-height:1.3;color:var(--verde)}
.grade-ico p{margin-top:var(--s1);font-size:16px;color:var(--muted)}
.g1 > li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s4);padding:0;border:0;background:none;box-shadow:none}
.g1 .ponto-ico{grid-row:span 2}
.g1 h3{margin-top:2px}
.g1{margin-top:var(--s5);gap:var(--s5)}
/* w2s: no celular o icone vai ao lado do titulo (antes: icone sozinho numa linha, card alto e vazio) */
@media (max-width:639px){.grade-ico:not(.g1) > li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s4);align-items:center}
  .grade-ico:not(.g1) h3{margin-top:0}.grade-ico:not(.g1) p{grid-column:1/-1;margin-top:var(--s3)}}
@media (min-width:640px){.g2,.g3,.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.g3,.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g5 > li{padding:var(--s5) var(--s4)}}
.meta-marca{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--syn-bg);box-shadow:inset 0 0 0 1px var(--syn-line)}
.meta-marca img{width:auto;height:34px}
.meta-ker .meta-marca{background:var(--ker-bg);box-shadow:inset 0 0 0 1px var(--ker-line)}
.meta-ker .meta-marca img{width:52px;height:52px;border-radius:16px}

/* quem somos */
.proposito{position:relative;padding:var(--s6) var(--s5) var(--s6) var(--s6);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2);max-width:1000px}
.proposito::before{content:"";position:absolute;left:0;top:var(--s6);bottom:var(--s6);width:5px;border-radius:0 5px 5px 0;background:linear-gradient(var(--menta),var(--verde-3))}
.proposito-frase{margin-top:var(--s3);font-size:clamp(30px,4.6vw,54px);font-weight:740;line-height:1.08;letter-spacing:-.03em;color:var(--verde);max-width:19ch}
.hist{align-items:start}
.hist .texto{max-width:none}

/* como fazemos */
.frentes{display:grid;gap:var(--s4);padding-top:var(--s7)}
.frente{padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.frente h2{margin-top:var(--s5)}
.frente p{margin-top:var(--s3);color:var(--muted)}
.familias{padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid #fff;box-shadow:var(--sombra-2)}
.familias > p{color:var(--muted)}
.resp{display:grid;gap:var(--s5);padding:var(--s6) var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.fecho-par{margin-top:var(--s6);font-size:clamp(19px,2vw,22px);font-weight:600;line-height:1.45;color:var(--ink);max-width:var(--leitura)}
.sub-par{margin-top:var(--s8);font-size:clamp(24px,2.8vw,30px);font-weight:740;line-height:1.15;letter-spacing:-.02em;color:var(--verde)}
.formatos{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s4);counter-reset:fm}
.formatos li{counter-increment:fm;padding:var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.formatos li::before{content:counter(fm,decimal-leading-zero) ".";display:block;margin-bottom:var(--s4);font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--num);font-variant-numeric:tabular-nums}
.formatos h4,.linha-tempo h4{margin-bottom:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--verde)}
.formatos p,.linha-tempo p{margin-top:var(--s2);font-size:16px;color:var(--muted)}
.tab-wrap{margin-top:var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2);overflow:hidden}
.tab{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.tab th,.tab td{padding:14px var(--s5);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tab tbody tr:last-child > *{border-bottom:0}
.tab thead th,.tab thead td{background:var(--verde);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:0}
.tab tbody th{font-weight:700;color:var(--verde)}
.tab tbody tr:nth-child(even){background:#F6FBFA}
.linha-tempo{position:relative;list-style:none;margin:var(--s5) 0 0;padding:0 0 0 34px;display:grid;gap:var(--s4)}
.linha-tempo::before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:4px;border-radius:4px;background:linear-gradient(var(--menta),var(--verde))}
.linha-tempo li{position:relative;padding:var(--s5);border-radius:var(--raio-g);background:#fff;border:1px solid var(--borda-card);box-shadow:var(--sombra-2)}
.linha-tempo li::before{content:"";position:absolute;left:-34px;top:26px;width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:#fff;border:5px solid var(--verde)}
.lt-dias{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--s3);border-radius:999px;background:var(--verde);color:#fff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.linha-tempo h4{margin-top:var(--s4)}
.indicadores{display:flex;align-items:flex-start;gap:var(--s3);margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--raio);background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:var(--sombra-1);font-size:16px;font-weight:600;max-width:var(--leitura)}
.indicadores .ico{margin-top:3px;color:var(--verde)}
@media (max-width:639px){
  .tab-resp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tab-resp,.tab-resp tbody,.tab-resp tr,.tab-resp th,.tab-resp td{display:block}
  .tab-resp tr{padding:var(--s4) var(--s5);border-bottom:1px solid var(--line)}
  .tab-resp tbody tr:last-child{border-bottom:0}
  .tab-resp th,.tab-resp td{padding:0;border:0}
  .tab-resp th{font-size:17px}
  .tab-resp td{margin-top:var(--s3);font-size:15px}
  .tab-resp td::before{content:attr(data-rot);display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--verde-3)}
}
@media (min-width:768px){
  .frentes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resp{grid-template-columns:auto minmax(0,1fr);padding:var(--s7)}
  .resp .t2{margin-top:6px}
  .formatos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .linha-tempo{grid-template-columns:repeat(3,minmax(0,1fr));padding:46px 0 0}
  .linha-tempo::before{left:0;right:0;top:15px;bottom:auto;width:auto;height:4px;background:linear-gradient(90deg,var(--menta),var(--verde))}
  .linha-tempo li::before{left:var(--s5);top:-42px}
  .proposito{padding:var(--s8) var(--s7) var(--s8) var(--s8)}
  .proposito::before{top:var(--s8);bottom:var(--s8)}
}
@media (min-width:960px){
  .cab-res{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--s6)}
  .cab-res .apoio{margin:0 0 6px}
  .res{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:var(--s7);padding:var(--s7)}
  .graf{padding:var(--s5) var(--s5) var(--s4)}
  .frentes{padding-top:var(--s9)}
  .frente{padding:var(--s7) var(--s6)}
}

/* marcas expandidas (/marcas/) */
.mx{position:relative;padding:var(--s6) var(--s5);border-radius:var(--raio-g);border:1px solid var(--line);box-shadow:var(--sombra-2)}
.mx.marca--synapta{border-color:var(--syn-line)}.mx.marca--keravyn{border-color:var(--ker-line)}
.mx + .mx{margin-top:var(--s5)}
.mx-topo{display:grid;gap:var(--s5)}
.mx-info{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.mx-linha{font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.015em}
.mx-produto{margin-top:var(--s2);font-size:20px;font-weight:740;color:var(--ker-ink)}
.mx-fotos{display:grid;gap:var(--s3);align-self:stretch}
.mx-fotos--2{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center}
.mx-fotos img{width:100%;height:auto;border-radius:var(--raio);box-shadow:var(--sombra-1)}
.mx-prop{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--syn-line)}
.mx-prop h3{font-size:clamp(20px,2.2vw,26px);font-weight:740;line-height:1.2;color:var(--syn-ink)}
.mx-prop p{margin-top:var(--s2);color:#33507A;max-width:var(--leitura)}
.mx-dados{display:grid;gap:var(--s4);margin-top:var(--s5)}
.mx-dados > *,.mx-topo > *{min-width:0}
.tab-wrap{overflow-x:auto}
@media (max-width:639px){.gg{padding:var(--s4)}.comp{padding:var(--s5) var(--s4)}.tab-gg thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tab-gg,.tab-gg tbody{display:block}
  .tab-gg tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}
  .tab-gg tbody tr:last-child{border-bottom:0}
  .tab-gg th,.tab-gg td{display:block;padding:0;border:0;font-size:15px}
  .tab-gg tbody th{grid-column:1/-1}
  .tab-gg td::before{content:attr(data-rot);display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#33507A}}
.comp{display:grid;gap:var(--s5);padding:var(--s5);border-radius:var(--raio);background:var(--syn-ink);color:#fff}
.comp-num b{display:block;font-size:clamp(76px,9vw,116px);font-weight:760;line-height:.9;letter-spacing:-.07em;font-variant-numeric:proportional-nums}
.comp-num span{display:block;margin-top:var(--s2);font-size:17px;color:#C9DBF2}
.comp-col h4{margin:0;font-size:17px;font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s3) 0 0;padding:0;list-style:none}
.chips + .chips{margin-top:6px}
.chips li{min-width:38px;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);font-size:14px;font-weight:600;line-height:1.5;text-align:center}
.comp-nota{font-size:13px;color:#C9DBF2}
@media (max-width:639px){.chips{gap:3px}.chips li{min-width:0;padding:3px 5px;font-size:13px}.chips + .chips{margin-top:4px}}
@media (max-width:379px){.mx{padding:var(--s5) var(--s4)}.comp{padding:var(--s5) var(--s3)}.chips li{font-size:12px}}
.gg{padding:var(--s5);border-radius:var(--raio);background:#fff;border:1px solid var(--syn-line)}
.gg h4{margin:0;font-size:18px;font-weight:740;color:var(--syn-ink)}
.gg .tab-wrap{margin-top:var(--s4);box-shadow:none;border-color:var(--syn-line);border-radius:var(--raio-p)}
.gg .comp-nota{margin-top:var(--s3);color:#33507A}
.tab-gg th,.tab-gg td{padding:12px 14px;font-size:15px;color:var(--syn-ink)}
.tab-gg thead th,.tab-gg thead td{background:var(--syn-ink);color:#fff}
.tab-gg tbody th{color:var(--syn-ink)}
.tab-gg tbody tr:nth-child(even){background:#F5F9FF}
@media (max-width:639px){.tab-gg tr{gap:4px var(--s4);padding:14px 16px}.tab-gg th,.tab-gg td{padding:0}.tab-gg tbody th{margin-bottom:2px}} /* w2s: o padding de 12/14 acima vencia o do celular e abria o vão título/valores */
.mx-rotulo{align-self:flex-start;width:fit-content;margin-top:var(--s5);padding:8px 14px;border-radius:var(--raio-p);background:rgba(255,255,255,.75);font-size:14px;font-weight:600}
.mx-info .mx-rotulo{margin-top:var(--s2)}
.dados-chip{display:grid;gap:var(--s2);margin:var(--s2) 0 0;padding:0;list-style:none}
.dados-chip li{display:flex;align-items:center;gap:var(--s3);padding:10px 14px;border-radius:var(--raio-p);background:#fff;border:1px solid var(--ker-line);font-size:16px;line-height:1.35;color:#3B2A14}
.dados-chip .ico{color:var(--ker-ink)}
.mx-breve{margin-top:var(--s5)}
@media (min-width:640px){
  .dados-chip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comp{grid-template-columns:auto minmax(0,1fr);column-gap:var(--s6)}
  .comp-num{grid-row:span 2}
  .comp-nota{grid-column:1/-1}
  .mx-breve{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5)}
  .mx-breve .marca-logo{height:auto}
  .mx-breve .selo{align-self:center}
}
@media (min-width:960px){
  .mx{padding:var(--s7)}
  .mx-topo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s7)}
  .mx--keravyn .mx-topo{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
  .comp{grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr);padding:var(--s6)}
  .comp-num{grid-row:auto}
}
/* vidro lateral (vidro 2, 29/10): formas de vidro nas laterais, cortadas pela borda da tela. Posicao por pagina no
   gerar.mjs (VIDRO); aqui so a mecanica. --g = sobra lateral da coluna; a forma aparece --v px da borda pra dentro.
   Cada faixa (desktop / tablet "t" / celular "m") tem as proprias --w --t --b --v; sem a faixa, a forma some. */
main{position:relative;overflow-x:clip}
main section,main article{position:relative}
.vl{position:absolute;z-index:1;display:none;max-width:none;height:auto;pointer-events:none;user-select:none;-webkit-user-select:none;
  --g:max(var(--gutter),(100% - var(--wx,var(--wrap)))/2);
  width:var(--W);top:var(--T,auto);bottom:var(--B,auto);opacity:var(--o,1);filter:var(--fl,none);transform:scaleX(var(--sx,1)) rotate(var(--r,0deg))}
.vl-d{right:calc(var(--V) - var(--W))}
.vl-e{left:calc(var(--V) - var(--W))}
.vl-in{--g:calc((100vw - 100%)/2)}
.vl-in.vl-d{right:calc(var(--V) - var(--W) - var(--g))}
.vl-in.vl-e{left:calc(var(--V) - var(--W) - var(--g))}
@media (max-width:767px){.vl-cel{display:block;--W:var(--wm);--T:var(--tm);--B:var(--bm);--V:var(--vm)}}
@media (min-width:768px) and (max-width:959px){.vl-tb{display:block;--W:var(--wt);--T:var(--tt);--B:var(--bt);--V:var(--vt)}}
@media (min-width:960px){.vl:not(.vl-sem-d){display:block;--W:var(--w);--T:var(--t);--B:var(--b);--V:var(--v)}}
@media (min-width:960px) and (max-width:1199px){.vl.vl-so1200{display:none}.vl-md{display:block;--W:var(--wn);--T:var(--tn);--B:var(--bn);--V:var(--vn)}}
/* >= 1600: no maximo 68% da forma aparece, o resto sai pela borda */
@media (min-width:1600px){.vl:not(.vl-sem-d){--V:min(var(--v),calc(var(--w) * .68))}.vl.vl-semxl{display:none}.vl-xl{display:block;--W:var(--wl);--T:var(--tl);--B:var(--bl);--V:min(var(--vl),calc(var(--wl) * .68))}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.btn:hover,.card-vaga:hover,.marca:hover,.card-vaga:hover .c-capa-img{transform:none}}
/* w2s (29/10): espaço morto em >= 768: card de responsabilidade do tamanho do texto; CTA de parcerias com o botão junto da pergunta */
@media (min-width:768px){.resp{width:fit-content}}
@media (min-width:1200px){#parcerias-cta .cab{justify-content:flex-start;align-items:center;column-gap:var(--s7)}}
/* w2s: lista "Não é para" com tique lia como "sim"; vira um traço neutro */
.lista-tique.nao li::before{top:.72em;width:12px;height:0;border-left:0;border-bottom:2px solid var(--muted);transform:none}
/* w2s: "O que você recebe" em >= 960: os 5 cards em 2 colunas (o 5º deitado) e o box da Synapta na 3ª coluna, ocupando a altura toda (antes: buraco de ~400 px embaixo à esquerda) */
@media (min-width:768px){.passos.recebe{align-items:stretch}.passos.recebe .box-syn{max-width:none}}
@media (min-width:768px) and (max-width:959px){.passos.recebe .box-syn,.passos.recebe > .passo:nth-child(5){grid-column:1/-1}}
@media (min-width:960px){.passos.recebe{align-items:stretch}.passos.recebe .box-syn{grid-column:3;grid-row:1/span 3}.passos.recebe > .passo:nth-child(5){grid-column:1/span 2}}
@media (min-width:1200px){.proposito{max-width:640px}} /* w2s: era 1000px em toda largura, metade direita do card vazia em 1440 (so >= 1200 pra nao mexer na altura onde o vidro do tablet foi planejado) */
@media (min-width:960px){#posicionamento .mw20{max-width:26ch}} /* w2s: titulo em 2 linhas no desktop (era "definidos, uma" sozinho) */