@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');:root{font-family:'DM Sans',Arial,sans-serif;color:#f4f7fa;background:#0b1821;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #344753;background:#101e28;gap:25px}.brand{display:inline-flex;align-items:baseline;white-space:nowrap;letter-spacing:-3px}.flow{font-weight:700;font-size:40px;color:#f4f8ff;text-shadow:2px 2px 0 #567e9b}.flow:first-letter{color:#4fa8f5}.jobs{font-size:28px;color:#a2d8ff;font-weight:400;letter-spacing:-1px}.dot{color:#82caff}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover,.text-link:hover{color:#8dcfff}.header-actions,.actions{display:flex;gap:15px;align-items:center}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:15px 25px;font-size:14px;border:1px solid #7795a8}.primary{background:#90cff7;color:#0a1a25;border-color:#90cff7;font-weight:700}.primary:hover{background:#b6e0fa}.outline{background:transparent;color:#e7f3fa}.outline:hover{border-color:#a3d7fa}.hero{min-height:365px;position:relative;display:flex;align-items:center;padding:45px 5%;overflow:hidden;background:linear-gradient(90deg,#0d1c26 0%,rgba(13,28,38,.95) 43%,rgba(13,28,38,.55) 100%),radial-gradient(ellipse at 82% 45%,#688195 0%,#182b39 45%,#0c1821 80%)}.hero:after{content:'';position:absolute;right:7%;top:0;width:33%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(179,206,226,.12) 122px 125px,transparent 127px 160px);opacity:.7;pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:4px;color:#a7c8dc}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:10px 0}.hero h1 em{font-style:normal;color:#9bd5ff;font-weight:600}.hero p{font-size:17px;line-height:1.6;color:#c6d1d9;margin:0 0 20px}.hero-side{position:absolute;z-index:1;left:59%;top:54px;line-height:2;letter-spacing:3px;color:#b0c1cc;font-size:12px}.hero-side span{display:block;width:40px;border-top:1px solid #91c8ed;margin-top:18px}.hero-counter{position:absolute;right:5%;bottom:25px;display:flex;align-items:center;gap:14px;z-index:2;font-size:12px}.hero-counter button{background:transparent;border:1px solid #7c96a5;color:white;border-radius:50%;width:32px;height:32px}.search-panel{position:relative;z-index:2;display:grid;grid-template-columns:2.5fr 1fr 1fr 1.2fr 1.1fr 1fr;gap:12px;margin:0 3%;padding:17px;background:#172b38;border:1px solid #2d4554;border-radius:12px;transform:translateY(-1px)}.search-panel input,.search-panel select{min-width:0;width:100%;background:#1c303e;border:1px solid #405969;border-radius:10px;padding:13px;color:#e8f4fc;font-size:13px}.search-panel input::placeholder{color:#b4c3cf}.vacancies{padding:22px 3% 35px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title>div{display:flex;align-items:baseline;gap:20px}.section-title h2{font-size:29px;font-weight:500;margin:0}.section-title p{color:#b3c1ca;font-size:13px}.text-link{background:none;border:0;color:#a4d9fa}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.card{background:#172a36;border:1px solid #2b4050;border-radius:12px;padding:19px;min-height:258px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.pill{background:#23475e;color:#b9e3ff;border-radius:50px;padding:6px 12px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.save{background:transparent;color:#d7e6ef;border:0;font-size:23px}.save[aria-pressed=true]{color:#8fcfff}.card h3{font-size:19px;font-weight:600;margin:10px 0 3px}.company,.meta,.description{color:#b7c4cd;font-size:13px;line-height:1.5}.company{margin:0 0 10px}.meta{display:flex;gap:12px;flex-wrap:wrap}.description{margin:13px 0 15px}.card .outline{margin-top:auto;padding:10px}.empty{color:#b7c4cd}.banner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 5%;background:linear-gradient(110deg,#1a3547,#142631)}.banner h2{font-size:25px;font-weight:400;margin:8px 0}.banner p{max-width:300px;color:#b7c6d1;font-size:13px}.info{padding:40px 6%;border-top:1px solid #2a404f}.info h2{font-weight:500}.info p,.info details{color:#bdccd7}.info details{padding:15px;border-bottom:1px solid #304554}footer{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 4%;background:#0d1a23}footer .flow{font-size:28px}footer .jobs{font-size:20px}footer small,footer div{color:#a8b6c0;font-size:11px}footer div{display:flex;gap:18px}@media(max-width:1100px){.header nav{gap:12px}.header-actions{display:none}.search-panel{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.header{padding:12px 5%;height:auto;display:block}.header nav{overflow:auto;padding-top:12px;white-space:nowrap}.hero{min-height:420px}.hero-side{display:none}.hero p br{display:none}.search-panel{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section-title,.section-title>div,.banner,footer{display:block}.banner p{margin:20px 0}footer>*{display:block;margin-bottom:15px}footer div{flex-wrap:wrap}}

/* Flow Carreiras — identidade, apresentação e páginas informativas */
.brand{align-items:center;letter-spacing:normal;flex-shrink:0}.brand-image{display:block;width:clamp(145px,13vw,190px);height:auto;max-height:64px;object-fit:contain}footer .brand-image{width:165px;max-height:55px}.header{position:relative;z-index:10}.hero{isolation:isolate;min-height:440px}.hero-background{position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat;transition:background-image .3s ease}.hero:after{display:none}.hero-side{background:rgba(9,24,36,.34);padding:14px;border-radius:8px;text-shadow:0 1px 4px #07131b}.hero-copy{max-width:760px}.hero h1{text-shadow:0 2px 16px rgba(0,0,0,.5)}.about{padding:76px 6%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:clamp(35px,6vw,110px);background:linear-gradient(135deg,#172f41,#0e1d29 70%);border-top:1px solid #365064}.about h2{font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:18px 0 24px}.about h2 em{font-style:normal;color:#94d2ff}.about-intro>p{color:#c1d0dc;line-height:1.8;max-width:700px}.about-intro>.primary{margin-top:16px}.about-points{display:grid;gap:14px}.about-points article{border:1px solid #35536a;background:rgba(255,255,255,.035);border-radius:16px;padding:23px}.about-points article span{color:#93cffa;font-size:11px;letter-spacing:2px}.about-points h3{font-size:19px;font-weight:600;margin:10px 0}.about-points p{font-size:14px;line-height:1.65;color:#b9cbd9;margin:0}.faq{padding:75px 6%;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:clamp(25px,6vw,100px);background:#0d1b25}.faq-heading h2{font-size:clamp(32px,3.4vw,46px);margin:12px 0 15px;letter-spacing:-.04em}.faq-heading p{line-height:1.7}.faq-list details{border:1px solid #304a5d;border-radius:12px;margin-bottom:12px;padding:0;background:#152936}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:#eef6fb;padding:20px 50px 20px 22px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:22px;top:15px;color:#93cffa;font-size:25px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 22px 22px;font-size:14px;line-height:1.75;color:#bfcfda}footer div span{color:#a8b6c0}@media(max-width:900px){.about,.faq{grid-template-columns:1fr}.hero-side{display:none}.header{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}.header nav{flex-wrap:wrap}}@media(max-width:650px){.hero{min-height:420px}.hero-background{background-position:65% center}.about,.faq{padding:50px 5%}.brand-image{width:150px}footer .brand-image{width:145px}.faq-list summary{font-size:14px}}


/* v2 — transição clara, cards legíveis e identidade azul preservada */
:root{background:#f5f8fc;color:#17364b}
body{background:#f5f8fc}
.header,.hero{color:#f4f7fa}
.search-panel{margin:-25px 3% 0;padding:19px;background:#fff;border:1px solid #d5e4ed;border-radius:16px;box-shadow:0 14px 40px rgba(18,53,76,.13);transform:none;gap:12px}
.search-panel input,.search-panel select{background:#f8fbfe;border:1px solid #d4e1eb;color:#274458;border-radius:10px;min-height:52px}
.search-panel input::placeholder{color:#627c8e}
.search-panel input:focus,.search-panel select:focus{outline:2px solid #7bc4f3;outline-offset:1px;border-color:#168bd4}
.search-panel .primary{background:#168bd4;color:white;border-color:#168bd4}
.search-panel .primary:hover{background:#0875b8}
.vacancies{background:#f5f8fc;padding:55px 3% 76px;color:#17364b}
.section-title{margin-bottom:25px;gap:18px}
.section-title h2{font-weight:700;letter-spacing:-.035em;font-size:clamp(27px,2.6vw,36px)}
.section-title p{color:#62798a;font-size:14px}
.text-link{color:#0878ba;font-weight:700}.text-link:hover{color:#064f80}
.cards{gap:18px}
.card{background:#fff;border:1px solid #dce7ef;box-shadow:0 10px 28px rgba(31,66,88,.055);border-radius:16px;padding:24px;min-height:335px;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(31,66,88,.11)}
.pill{background:#e7f4ff;color:#11689d;font-weight:700}
.save{color:#3c6d8a}.save[aria-pressed=true]{color:#168bd4}
.card h3{color:#17364b;font-size:19px;margin:17px 0 12px}
.card .meta{color:#597284;font-size:12px;gap:8px 14px}
.job-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 0;padding:14px 0;border-top:1px solid #e6edf3;border-bottom:1px solid #e6edf3;color:#29495e;font-size:12px;font-weight:700}
.job-facts span{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}
.job-facts small{font-size:10px;color:#728b9b;letter-spacing:.1em;font-weight:700}
.description{color:#60798b;font-size:13px;margin:14px 0 18px;line-height:1.65}
.card .outline{border:1px solid #a7c7dc;color:#0d6da6;background:#fff;font-weight:700}
.card .outline:hover{background:#eaf5fd;border-color:#168bd4}
.empty{color:#60798b}
.about{background:linear-gradient(135deg,#e4f1f9,#dcecf6 75%);color:#17364b;border-top:1px solid #d0e3ef}
.about .eyebrow,.faq .eyebrow{color:#147eb8;font-weight:700}
.about h2 em{color:#168bd4}
.about-intro>p{color:#425e70}
.about-points article{background:rgba(255,255,255,.75);border-color:#c7dce9;box-shadow:0 8px 25px rgba(28,74,104,.04)}
.about-points article span{color:#147eb8;font-weight:700}
.about-points h3{color:#17364b}
.about-points p{color:#536e80}
.about .primary{background:#168bd4;color:#fff;border-color:#168bd4}
.faq{background:#fff;color:#17364b;border-top:1px solid #e3ebf1}
.faq-heading p{color:#60798b}
.faq-list details{background:#f8fbfd;border-color:#dce7ef}
.faq-list summary{color:#17364b}
.faq-list summary:after{color:#168bd4}
.faq-list details p{color:#536e80}
.info#candidato{background:#f5f8fc;color:#17364b;border-top:1px solid #e2eaf0}
.info#candidato p{color:#60798b}
footer{color:#eaf3f9}
@media(max-width:1100px){.search-panel{margin:-20px 3% 0}}
@media(max-width:650px){.search-panel{margin:-12px 4% 0;padding:15px}.vacancies{padding:43px 5% 60px}.section-title>div{display:block}.section-title p{margin:10px 0}.text-link{margin-top:12px}.card{min-height:0}.job-facts{grid-template-columns:1fr 1fr}.about,.faq{padding:55px 5%}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* Marca Flow Carreiras */
.flow-carreiras-logo{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;line-height:1;font-family:"DM Sans",Arial,sans-serif}.flow-word{font-size:clamp(25px,2.4vw,40px);font-weight:800;letter-spacing:-2px;color:#f4f8ff}.carreiras-word{font-size:clamp(14px,1.35vw,22px);font-weight:300;font-style:italic;letter-spacing:-.6px;color:#9dd8ff}footer .flow-word{font-size:28px}footer .carreiras-word{font-size:16px}