/* TRILHA DO EMPREGO — EDIÇÃO PROFISSIONAL V3 */
:root{--bg:#061223;--surface:#0d2035;--surface2:#102943;--brand:#20d6f6;--brand2:#8a6bff;--ink:#f0f8ff;--muted:#acc0d5;--line:#24445e;--radius:13px;--shadow:0 24px 65px #0208129c}
body{font-family:Inter,'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--ink)}body:before{height:900px;background:radial-gradient(ellipse at 85% 12%,#0c53972a,transparent 43%),radial-gradient(ellipse at 12% 25%,#1633612b,transparent 48%)}
h1,h2,h3,h4{font-family:Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:-.04em}h2{font-size:clamp(1.9rem,3vw,2.7rem)}h3{letter-spacing:-.025em}p{line-height:1.67}.container{width:min(100% - 48px,1320px)}
.head{height:70px;background:#041426f5;border-bottom:1px solid #215376;box-shadow:0 8px 24px #02081345}.nav-shell{gap:17px}.logo{font-size:1.12rem;letter-spacing:-.04em}.logo-icon{width:37px;height:37px;border-radius:7px;background:transparent;color:#2bd8ff;box-shadow:none;font-size:1.7rem}.logo-light{font-weight:900;color:#24d8ff}.logo small{display:none}.nav{gap:18px}.nav a{font-size:.80rem;font-weight:700;color:#c6dbeb}.nav a[aria-current]{color:var(--brand)}.nav a[aria-current]:after{bottom:-25px;background:#2ad6ff}.nav-action{background:#0d3357;color:#d4faff!important;border-color:#1c9ee0;padding:9px 13px;border-radius:8px;font-size:.75rem;box-shadow:0 0 12px #21d0fc22}.nav-search{display:flex;align-items:center;background:#0e2138;border:1px solid #305272;border-radius:30px;padding:4px 10px;margin-left:auto;max-width:254px;min-width:150px;flex:1}.nav-search span{font-size:.85rem;color:#a9c8de}.nav-search input{background:none;border:0;outline:0;color:#fff;min-width:0;width:100%;font-size:.75rem;padding:5px 8px}.online-mini{min-width:100px;font-size:.68rem;color:#a4d3da;line-height:1.25;display:flex;align-items:center;gap:4px}.online-mini b{color:#2be0b0;display:block;font-size:.72rem}.online-mini small{display:block;color:#7894a7}.presence-dot{display:inline-block;background:#718797;box-shadow:none;flex:0 0 8px}.presence-dot.live{background:#22e7a8;box-shadow:0 0 9px #22e7a8}
/* HERO */
.portal-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,#143459 0,#081a30 38%,#061223 100%);border-bottom:1px solid #1f4564}.portal-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,#0ae1ff22 0,transparent 30%),radial-gradient(circle at 82% 65%,#7a5cff18 0,transparent 24%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:28px;align-items:center;padding:44px 0 58px}.hero-copy .kicker,.portal-hero .kicker{font-weight:850;color:#bcdafa;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.portal-hero h1{font-size:clamp(2.5rem,4.45vw,4.4rem);line-height:1.055;max-width:730px;margin:14px 0 20px}.portal-hero h1 em{color:#21dbff;font-style:normal}.portal-hero p{font-size:1.04rem;max-width:555px;color:#e0edf7;line-height:1.47}.portal-hero .hero-actions{margin:25px 0 25px}.portal-hero .btn{border-radius:9px}.portal-perks{display:flex;gap:15px 25px;flex-wrap:wrap;color:#bed1eb;font-size:.76rem}.portal-perks strong{color:#33e7ff}.hero-visual{display:flex;justify-content:flex-end}.hero-screen{position:relative;width:min(100%,640px);border-radius:24px;overflow:hidden;border:1px solid #2a5980;background:#0a1930;box-shadow:0 24px 80px #0008,0 0 0 1px #103252}.hero-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0b1a2e00 32%,#06122388 100%);z-index:1;pointer-events:none}.hero-screen img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.hero-panel{position:absolute;right:18px;top:30px;z-index:2;display:grid;gap:9px;width:188px;padding:14px;border:1px solid #3f71ad;background:linear-gradient(180deg,#103862dd,#0a2141c9);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 14px 38px #0006}.hero-panel-item{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#112f54,#0c2240);border:1px solid #2d4f72}.hero-panel-item b{font-size:.95rem;color:#e8f6ff}.hero-panel-item small{font-size:.78rem;color:#a8c7e4}.hero-note{position:absolute;right:-4px;top:36%;z-index:2;max-width:180px;color:#d7eaff;font-size:1rem;line-height:1.42;text-align:left;padding:18px 10px 18px 22px;text-shadow:0 2px 10px #021120;transform:rotate(-2deg)}
.mini-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-34px;position:relative;z-index:3}.mini-stat{background:linear-gradient(135deg,#102a45,#081b30);border:1px solid #2a4c68;border-radius:12px;display:flex;align-items:center;gap:13px;min-height:92px;padding:18px 20px;box-shadow:0 14px 30px #0003}.mini-stat .stat-icon{width:47px;height:47px;flex:0 0 47px;border:1px solid #147c9f;background:#073b58;border-radius:11px;display:grid;place-items:center;font-size:1.6rem;color:#23cfff}.mini-stat:nth-child(3) .stat-icon{background:#292258;border-color:#6654b9;color:#ab91ff}.mini-stat:nth-child(4) .stat-icon{background:#17264f;border-color:#7951ad;color:#ad8bff}.mini-stat strong{font-size:1.38rem;display:block;line-height:1.05}.mini-stat small{font-size:.71rem;color:#c1d3e5;line-height:1.35;display:block;margin-top:6px}
.portal-section{padding:36px 0 11px}.portal-section .section-head{margin-bottom:17px;display:flex;align-items:end;justify-content:space-between}.portal-section .section-head h2{margin:0 0 5px;font-size:clamp(1.5rem,2.2vw,2rem)}.portal-section .section-head p{font-size:.86rem;color:#abc3d5}.section-link{font-size:.75rem;background:#09233b;border:1px solid #17a6d2;border-radius:8px;padding:11px 13px;color:#36e1ff;white-space:nowrap}
.quick-start{padding-top:28px}.quick-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-start-card{display:flex;flex-direction:column;gap:10px;min-height:150px;padding:18px;border-radius:14px;background:linear-gradient(155deg,#102840,#09192d);border:1px solid #264866;box-shadow:0 14px 30px #0003;transition:transform .22s,border-color .22s}.quick-start-card:hover{transform:translateY(-4px);border-color:#22d4ff}.quick-start-card strong{font-size:1.02rem;line-height:1.2}.quick-start-card small{font-size:.82rem;line-height:1.5;color:#b8cce2}.quick-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#124067,#0b2d4e);border:1px solid #2e6085;color:#32dfff;font-size:1.45rem}
.premium-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.premium-card{min-width:0;background:linear-gradient(155deg,#112740,#0a1c30);border:1px solid #27465d;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,border-color .22s}.premium-card:hover{transform:translateY(-4px);border-color:#1fcfff}.premium-card .photo{aspect-ratio:16/9;overflow:hidden;display:block;background:#132741}.premium-card .photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.premium-card:hover img{transform:scale(1.045)}.premium-copy{padding:17px 17px 15px;display:flex;flex-direction:column;flex:1}.premium-copy .label-cat{align-self:start;background:#166ca0;color:white;font-size:.63rem;border-radius:20px;padding:3px 9px;font-weight:800;margin-top:-28px;position:relative;z-index:1;box-shadow:0 3px 12px #001a2b}.premium-card h3{font-size:1.02rem;line-height:1.24;margin:14px 0 9px}.premium-card p{color:#aec1d5;font-size:.81rem;line-height:1.49;margin:0 0 13px}.premium-card .card-read{margin-top:auto;font-size:.79rem;color:#28dbff}
.premium-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.premium-tool{min-width:0;padding:16px;background:linear-gradient(120deg,#163551,#0b2136);border:1px solid #2a5373;border-radius:11px;display:flex;gap:12px;align-items:center;min-height:107px;transition:border-color .2s,transform .2s}.premium-tool:hover{transform:translateY(-3px);border-color:#27cfee}.premium-tool .tool-ico{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;font-size:1.6rem;border-radius:11px;background:#104466;border:1px solid #217ba4;color:#30ddff}.premium-tool:nth-child(2) .tool-ico{background:#312353;border-color:#7b58bb;color:#ad7cff}.premium-tool:nth-child(3) .tool-ico{background:#202a5a;border-color:#556dd3;color:#9ba5ff}.premium-tool:nth-child(4) .tool-ico{background:#10483d;border-color:#147f6c;color:#41e8ac}.premium-tool strong{display:block;font-size:.88rem;line-height:1.25}.premium-tool small{color:#b3c6d8;display:block;margin-top:5px;font-size:.72rem;line-height:1.43}
.categories{display:flex;gap:9px;flex-wrap:wrap}.category-pill{background:#0b223a;border:1px solid #3c5874;color:#a6e3ff;border-radius:60px;padding:8px 13px;font-size:.79rem;font-weight:700}.category-pill:hover{background:#123756;border-color:#1fd6fc}.editorial-row{background:linear-gradient(135deg,#10283f,#0b1d31);border:1px solid #274d6a;border-radius:13px;margin-top:25px;padding:22px;display:grid;grid-template-columns:1.55fr repeat(4,.85fr);gap:11px;align-items:center}.editorial-row h3{margin:0 0 4px;font-size:.94rem}.editorial-row p{font-size:.75rem;margin:0;color:#a7c0d5}.editorial-row a{display:flex;align-items:center;gap:10px;background:#0b2137;border:1px solid #29475e;border-radius:9px;padding:14px 11px;font-size:.73rem;color:#d6e7f6;font-weight:700}.editorial-row a:hover{border-color:#29c3ef;color:#29dfff}
.main-hero{background:linear-gradient(135deg,#0b2540,#07162b);padding:55px 0 44px}.main-hero h1{font-size:clamp(2.3rem,4vw,3.5rem)}.main-hero p{color:#bed0e0}.article-card .card-media img{object-fit:cover}.article-card .card-media{height:185px}.article-card .card-copy{padding:18px}.article-card .card-copy h3{min-height:0}.grid{grid-template-columns:repeat(3,1fr)}
/* editorial article pages */
.story-shell{padding:27px 0 0}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.story-layout .breadcrumbs{padding:0;margin:0 0 17px;font-size:.78rem}.story-head .category{font-size:.72rem;color:#cbb7ff;border:1px solid #735eab;border-radius:20px;background:#302454;padding:5px 12px;display:inline-block}.story-head h1{font-size:clamp(2.3rem,4vw,3.6rem);max-width:820px;line-height:1.08;margin:15px 0}.story-head p{font-size:1.05rem;color:#b7cae0;max-width:830px;line-height:1.55}.story-meta{display:flex;gap:17px;flex-wrap:wrap;color:#98b1cd;font-size:.77rem;margin:14px 0 20px}.story-cover{border-radius:14px;overflow:hidden;border:1px solid #2b5272}.story-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.story-text{padding:22px 0 0;color:#d6e3f0;font-size:1.02rem}.story-text p{line-height:1.82}.story-text h2{font-size:1.65rem;line-height:1.22;margin:37px 0 13px;padding-top:4px;scroll-margin-top:100px}.story-text h2:before{content:'▸';color:#26dafa;margin-right:9px}.story-text .story-intro{color:#e6f2fc;font-size:1.09rem;border-left:3px solid #30d5ef;padding-left:18px}.story-text .article-box{margin:32px 0}.story-aside{position:sticky;top:92px;display:grid;gap:13px}.story-aside .aside-panel{background:#0c2239;border:1px solid #2b4d68;border-radius:13px;padding:18px}.story-aside .aside-panel h3{font-size:.95rem;margin:0 0 11px}.story-aside .aside-panel a:not(.btn){display:block;padding:8px 0;border-bottom:1px solid #24415d;color:#c0d8e6;font-size:.76rem;line-height:1.4}.story-aside .aside-panel a:hover{color:#29e0ff}.story-aside .aside-panel .btn{width:100%;font-size:.78rem;margin-top:7px}.story-aside .aside-highlight{background:linear-gradient(145deg,#233063,#0b2b49)}.story-related{margin:24px 0 50px}
.footer{padding:50px 0 20px;margin-top:40px;background:#041020;border-color:#193953}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}.footer-grid .logo{font-size:1.2rem}.footer-grid p{font-size:.81rem}.footer-grid h4{margin-bottom:14px}.footer-bottom{font-size:.73rem}.copyright-note{color:#91a5c4;font-size:.72rem;margin-top:15px}
/* filters / tools */
.filter.active{background:#1cd4ec!important;color:#051f34!important}.premium-intro{margin:0 0 18px;color:#a8c5d9}.search-box{margin-bottom:22px}.list-summary{font-size:.82rem}.portal-aside{color:#93b5c7}.header-search-result{color:#a8cbdc;font-size:.82rem}
@media(max-width:1190px){.nav-search{display:none}.quick-start-grid,.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-row{grid-template-columns:repeat(2,1fr)}.editorial-row>div:first-child{grid-column:1/-1}.premium-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.head .nav{margin-left:auto;gap:13px}}
@media(max-width:850px){.head .nav{display:none;position:absolute;top:70px;right:0;left:0;background:#071a2d;flex-direction:column;align-items:stretch;padding:15px 25px;z-index:50}.head .nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.online-mini{margin-left:auto;min-width:85px}.nav-action{display:none}.story-layout{grid-template-columns:1fr}.story-aside{position:static;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr;gap:24px;padding:44px 0 54px}.hero-visual{justify-content:center}.hero-screen{width:min(100%,720px)}.hero-note{right:8px;top:auto;bottom:12px;font-size:.92rem;padding:12px 14px 14px 16px;background:linear-gradient(180deg,#081d36c2,#081d36a8);border:1px solid #27496c;border-radius:12px;max-width:170px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 30px,1320px)}.head{height:64px}.head .nav{top:64px}.logo{font-size:.90rem}.logo-icon{width:29px;height:29px;font-size:1.45rem}.online-mini{font-size:.58rem;min-width:68px}.online-mini small{display:none}.hero-grid{padding:38px 0 46px}.portal-hero h1{font-size:2.46rem}.portal-hero p{font-size:.99rem}.portal-hero .hero-actions .btn{width:100%}.hero-screen{border-radius:18px}.hero-panel{right:10px;top:12px;width:164px;padding:10px}.hero-panel-item{padding:8px 9px}.hero-panel-item b{font-size:.84rem}.hero-panel-item small{font-size:.7rem}.hero-note{display:none}.mini-stat-grid{gap:8px;margin-top:-25px}.mini-stat{padding:11px;gap:10px;min-height:75px}.mini-stat .stat-icon{width:36px;height:36px;flex-basis:36px;font-size:1.25rem}.mini-stat strong{font-size:1.08rem}.mini-stat small{font-size:.62rem}.portal-section{padding-top:34px}.portal-section .section-head{align-items:flex-start;gap:12px;flex-direction:column}.quick-start-grid,.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-start-card{min-height:135px;padding:13px}.quick-start-card strong{font-size:.86rem}.quick-start-card small{font-size:.69rem}.premium-copy{padding:12px}.premium-card h3{font-size:.84rem;margin-top:10px}.premium-card p{font-size:.70rem}.premium-copy .label-cat{font-size:.56rem;padding:3px 7px}.premium-card .card-read{font-size:.71rem}.premium-tool-grid{grid-template-columns:1fr 1fr;gap:8px}.premium-tool{padding:12px;gap:8px}.premium-tool .tool-ico{width:38px;height:38px;flex-basis:38px;font-size:1.27rem}.premium-tool strong{font-size:.75rem}.premium-tool small{font-size:.65rem}.editorial-row{display:grid;grid-template-columns:1fr 1fr;padding:12px}.editorial-row a{font-size:.67rem;padding:12px 8px}.story-head h1{font-size:2.25rem}.story-text{font-size:.96rem}.story-aside{grid-template-columns:1fr}.footer-grid{gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.main-hero{padding:41px 0}}
@media(max-width:390px){.quick-start-grid,.premium-grid{grid-template-columns:1fr}.premium-card .photo{aspect-ratio:1.9}.premium-tool-grid{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:1fr 1fr}.mini-stat .stat-icon{display:none}.footer-grid{grid-template-columns:1fr 1fr}}