.jobs-hero{min-height:clamp(430px,35vw,580px);padding:165px max(24px,calc((100% - 1400px)/2)) 62px;display:flex;align-items:center;color:#fff;background:#083586 url('/assets/img/vagas-banner-definitivo.png') center top/cover no-repeat}.jobs-hero-copy{width:min(640px,52%)}.jobs-hero h1{font-size:clamp(40px,4vw,58px);line-height:1.02;margin:12px 0 18px}.jobs-hero p{font-size:18px;line-height:1.5;color:#edf2ff}.hero-job-search{display:grid;grid-template-columns:1.7fr 1fr auto;align-items:center;margin-top:28px;border-radius:32px;padding:5px;background:#fff;box-shadow:0 14px 30px rgba(5,20,80,.2)}.hero-job-search label{display:flex;align-items:center;gap:8px;padding:0 14px;color:#633be0}.hero-job-search label+label{border-left:1px solid #e5e7f2}.hero-job-search input{border:0;padding:10px 0;outline:0;color:#17255b;background:transparent}.hero-job-search button{border:0;border-radius:27px;padding:15px 24px;color:#fff;background:linear-gradient(110deg,#1648d0,#6734e6);font-weight:650;cursor:pointer;white-space:nowrap}.hero-job-search button span{margin-left:13px}.jobs-section{padding:70px max(24px,calc((100% - 1400px)/2));background:#fbfcff}.jobs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px}.jobs-filters{border-right:1px solid #e1e5f2;padding-right:32px}.filters-title{display:flex;justify-content:space-between;align-items:center}.filters-title h2,.jobs-results-head h2{font-size:24px;margin:0}.filters-title button{border:0;background:none;color:#5935dc;font-weight:650;cursor:pointer}.jobs-filters fieldset{border:0;padding:0;margin:27px 0}.jobs-filters legend{font-weight:700;margin-bottom:10px}.jobs-filters label{display:flex;gap:8px;align-items:flex-start;margin:9px 0;color:#596487;font-size:13px;cursor:pointer}.jobs-filters input{width:16px;height:16px;padding:0;accent-color:#5935dc}.jobs-results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.jobs-results-head .eyebrow{color:#6240db;letter-spacing:2px}.jobs-results-head span{color:#7a82a1;font-size:13px}.jobs-list{display:grid;gap:14px}.job-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px;border:1px solid #e2e6f2;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(22,41,105,.055)}.job-card[hidden]{display:none}.job-symbol{width:64px;height:64px;border-radius:14px;background:linear-gradient(145deg,#09245d,#2455cf);color:#fff;display:grid;place-items:center;position:relative;overflow:hidden}.job-symbol:before{content:'◇';position:absolute;font-size:38px;opacity:.25;right:-4px;bottom:-11px}.job-symbol span{font-size:15px;font-weight:750;letter-spacing:1px}.job-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.job-title-line h3{font-size:18px;margin:0}.job-level{padding:4px 9px;border-radius:12px;background:#eef0ff;color:#5640cb;font-size:11px}.job-company{margin:5px 0 8px;color:#536083;font-size:13px}.job-meta{display:flex;gap:13px;flex-wrap:wrap;color:#697291;font-size:12px}.job-details{border:1px solid #6345e5;border-radius:24px;padding:10px 17px;color:#5231dc;font-size:13px;font-weight:650;white-space:nowrap}.job-details span{margin-left:8px}.jobs-empty{padding:50px 24px;border:1px dashed #d7dced;border-radius:14px;text-align:center;color:#68719a;background:#fff}.jobs-cta{padding:48px max(24px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;align-items:center;gap:38px;color:#fff;background:linear-gradient(102deg,#073c9b,#0759c9 42%,#263fd5 67%,#7629ed);position:relative;overflow:hidden}.jobs-cta:before{content:'';position:absolute;inset:-80% auto -80% 28%;width:280px;background:rgba(4,30,117,.2);transform:rotate(-29deg)}.jobs-cta>div,.jobs-cta>a{position:relative;z-index:1}.jobs-cta h2{font-size:28px;margin:8px 0}.jobs-cta p{margin:0;color:#dde7ff}.jobs-cta .button{background:#fff;color:#422bd2;white-space:nowrap}.jobs-cta .button span{margin-left:20px}
@media(max-width:850px){.jobs-hero{min-height:500px;padding:135px 24px 50px;background-position:62% top}.jobs-hero-copy{width:70%}.hero-job-search{grid-template-columns:1fr}.hero-job-search label+label{border-left:0;border-top:1px solid #e5e7f2}.jobs-layout{grid-template-columns:1fr}.jobs-filters{border:0;border-bottom:1px solid #e1e5f2;padding:0 0 15px}.jobs-filters fieldset{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.jobs-filters legend{width:100%}.jobs-filters label{margin:0}.jobs-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.jobs-hero{min-height:560px;padding-top:125px;background-position:70% top;position:relative}.jobs-hero:after{content:'';position:absolute;inset:0;background:rgba(5,28,94,.22);pointer-events:none}.jobs-hero-copy{width:100%;position:relative;z-index:1}.jobs-hero h1{font-size:37px}.jobs-hero p{font-size:15px}.hero-job-search{border-radius:18px}.hero-job-search button{width:100%}.jobs-section{padding:48px 18px}.job-card{grid-template-columns:55px 1fr;padding:17px 15px;gap:13px}.job-symbol{width:52px;height:52px}.job-details{grid-column:1/-1;text-align:center}.jobs-results-head{align-items:flex-start;gap:8px}.jobs-results-head h2{font-size:22px}.jobs-cta{padding:42px 22px}.jobs-cta h2{font-size:26px}.jobs-cta .button{width:100%}}

/* Mesmo enquadramento proporcional dos banners institucionais em desktop. */
@media (min-width:851px){.jobs-hero{height:clamp(520px,31.7vw,820px);min-height:0;background-position:center top}}

/* A busca precisa permanecer confortável; por isso Vagas fica um pouco acima dos demais internos. */
@media (min-width:851px){.jobs-hero{height:clamp(430px,25vw,520px)}}

/* A busca permanece confortável e a fotografia mantém o enquadramento. */
@media (min-width:851px){.jobs-hero{height:clamp(470px,29vw,580px);background-position:center top}}

/* Constelação de estrelas: elemento visual da identidade Lumen nos selos das vagas. */
.job-symbol:before{content:'';position:absolute;width:30px;height:30px;right:-4px;bottom:-5px;opacity:.58;background:#b8ccff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 23 12 16 20 22 27 8'/%3E%3Cpath d='m27 3 .9 3.1L31 7l-3.1.9L27 11l-.9-3.1L23 7l3.1-.9z' fill='black' stroke='none'/%3E%3C/g%3E%3Cg fill='black'%3E%3Ccircle cx='4' cy='23' r='2.2'/%3E%3Ccircle cx='12' cy='16' r='2.2'/%3E%3Ccircle cx='20' cy='22' r='2.2'/%3E%3Ccircle cx='27' cy='8' r='2.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 23 12 16 20 22 27 8'/%3E%3Cpath d='m27 3 .9 3.1L31 7l-3.1.9L27 11l-.9-3.1L23 7l3.1-.9z' fill='black' stroke='none'/%3E%3C/g%3E%3Cg fill='black'%3E%3Ccircle cx='4' cy='23' r='2.2'/%3E%3Ccircle cx='12' cy='16' r='2.2'/%3E%3Ccircle cx='20' cy='22' r='2.2'/%3E%3Ccircle cx='27' cy='8' r='2.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}