@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&display=swap');
/* Partiu Futuro: sistema visual compartilhado das duas telas vocacionais.
   Isolado por body.pf16-vocational para não afetar home/matrícula. */
body.pf16-vocational{
 --deep:#6336e1;--navy:#0b1739;--blue:#683df1;--yellow:#ffce38;
 --green:#17af87;--ink:#0b1739;--muted:#536486;--line:#e8e1fc;--pale:#f7f2ff;
 color:var(--ink);font-family:'Nunito Sans','Plus Jakarta Sans',sans-serif;
 background:
  radial-gradient(ellipse 34% 18% at 0 8%,#eaf2ff 0,transparent 96%),
  radial-gradient(ellipse 34% 17% at 100% 45%,#f7edff 0,transparent 96%),
  #fdfbf7;min-width:0;
}
body.pf16-vocational h1,body.pf16-vocational h2,body.pf16-vocational h3{
 font-family:'Nunito Sans','Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;
}
body.pf16-vocational .wrap{width:min(1160px,calc(100% - 44px))}
body.pf16-vocational .header{
 background:#ffffffed;position:relative;z-index:4;
 border-bottom:1px solid #f0eaff;box-shadow:0 6px 21px #49308a08;
}
body.pf16-vocational .head-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.pf16-vocational .logo img{display:block;width:clamp(144px,15.5vw,184px);height:auto}
body.pf16-vocational .pf16-header-title{
 color:#6941c8;font:900 13px/1.3 'Nunito Sans',sans-serif;
 letter-spacing:.012em;white-space:nowrap;
}
body.pf16-vocational .pf16-header-title span{font-size:19px;color:#ffbc19;margin-left:4px}
body.pf16-vocational .back,body.pf16-vocational .navlink{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:42px;padding:10px 18px;border-radius:999px;
 border:1.5px solid #ccb6ff;background:#fff;color:#6235df;
 font:900 12px/1.15 'Nunito Sans',sans-serif;
 box-shadow:0 5px 14px #723de30d;white-space:nowrap;transition:background .2s,transform .2s;
}
body.pf16-vocational .back:hover,body.pf16-vocational .navlink:hover{
 background:#f0eaff;transform:translateY(-1px);
}
body.pf16-vocational .eyebrow{
 color:#683df1;font:900 11px/1.4 'Nunito Sans',sans-serif;
 letter-spacing:.16em;
}
body.pf16-vocational .intro{
 isolation:isolate;position:relative;overflow:hidden;
 margin:26px 0 0;min-height:460px;
 display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;
 gap:8px;padding:clamp(30px,4.3vw,53px);
 border:2px solid #fff;border-radius:30px;
 background:
 radial-gradient(ellipse 60% 87% at 13% 53%,#fffffff6,#ffffffaa 54%,transparent 88%),
 linear-gradient(108deg,#c9e6ff 0%,#bae3ff 47%,#c2b5ff 100%);
 box-shadow:0 13px 35px #29488c23;color:#0b1739;
}
body.pf16-vocational .intro::before{
 content:"";position:absolute;z-index:0;left:-7%;bottom:-27%;right:auto;top:auto;
 width:59%;height:35%;border-radius:52%;transform:rotate(-9deg);
 background:#ffdf64;color:transparent;pointer-events:none;
}
body.pf16-vocational .intro::after{
 content:"";position:absolute;z-index:0;right:-12%;top:-23%;
 width:47%;height:46%;background:#ff9d8d;border-radius:48%;
 transform:rotate(-16deg);pointer-events:none;
}
body.pf16-vocational .intro-copy{position:relative;z-index:3;min-width:0}
body.pf16-vocational .intro-copy .eyebrow::before{
 content:"";display:inline-block;vertical-align:middle;margin-right:9px;
 width:24px;height:3px;border-radius:7px;background:#ffb919;
}
body.pf16-vocational .intro h1{
 max-width:680px;margin:15px 0 17px;
 font:1000 clamp(39px,4.6vw,63px)/1.025 'Nunito Sans',sans-serif;
 letter-spacing:-.067em;color:#0b1739;
}
body.pf16-vocational .intro h1 strong{color:#683df1;font-weight:1000}
body.pf16-vocational .intro-copy>p{
 color:#394e70;max-width:565px;margin:0 0 16px;
 font:750 15px/1.55 'Nunito Sans',sans-serif;
}
body.pf16-vocational .facts{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 24px}
body.pf16-vocational .facts span{
 padding:9px 13px;border:1px solid #d5c5ff;border-radius:999px;
 background:#ffffffba;color:#573ac3;font:900 12px/1.2 'Nunito Sans',sans-serif;
}
body.pf16-vocational .start,body.pf16-vocational .primary{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:52px;padding:14px 24px;gap:13px;border:0;border-radius:999px;
 background:#683df1;color:#fff;box-shadow:0 11px 23px #683df12b;
 font:900 14px/1.2 'Nunito Sans',sans-serif;
 transition:transform .2s,background .2s,box-shadow .2s;
}
body.pf16-vocational .start:hover,body.pf16-vocational .primary:hover{
 background:#5125d3;transform:translateY(-2px);box-shadow:0 14px 27px #683df13d;
}
body.pf16-vocational .intro-note{
 max-width:500px;margin:16px 0 0;color:#596d87;
 font:750 12px/1.55 'Nunito Sans',sans-serif;
}
body.pf16-vocational .pf16-intro-art{
 position:relative;z-index:2;display:block;min-height:360px;
}
body.pf16-vocational .pf16-orbit{
 position:absolute;inset:18% 10% 6% 11%;border-radius:50%;
 background:linear-gradient(135deg,#ffe9a0,#a3f4d8 50%,#bdadff);
 transform:rotate(-12deg);box-shadow:0 20px 33px #43538d28;
}
body.pf16-vocational .pf16-orbit--two{
 inset:4% 0 18% 35%;background:linear-gradient(140deg,#fcbdb4,#ffe58d);
 opacity:.85;transform:rotate(22deg);
}
body.pf16-vocational .pf16-art-main{
 position:absolute;z-index:3;left:19%;top:9%;width:63%;min-height:77%;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 padding:24px 17px;text-align:center;
 border:5px solid #fff;border-radius:28px 55px 29px 44px;
 background:#fefbff;transform:rotate(-7deg);
 box-shadow:0 19px 28px #211b5950;
 animation:pf16-rise .8s both;
}
body.pf16-vocational .pf16-art-main>img{display:block;width:91px;height:91px;object-fit:contain;margin-bottom:12px}
body.pf16-vocational .pf16-art-main strong{
 display:block;color:#0b1739;font:1000 clamp(19px,2.3vw,29px)/1.08 'Nunito Sans',sans-serif;
}
body.pf16-vocational .pf16-art-main em{color:#683df1;font-style:normal}
body.pf16-vocational .pf16-art-main>span{
 display:block;margin-top:12px;color:#536585;font:900 11px/1.2 'Nunito Sans',sans-serif;
}
body.pf16-vocational .pf16-art-chip{
 position:absolute;z-index:4;display:flex;align-items:center;gap:8px;
 padding:8px 12px;border-radius:15px;
 color:#152042;font:900 12px/1.1 'Nunito Sans',sans-serif;
 box-shadow:0 9px 19px #2a285531;border:2px solid #ffffffbb;
 animation:pf16-rise .85s backwards;
}
body.pf16-vocational .pf16-art-chip img{width:30px;height:30px;object-fit:contain}
body.pf16-vocational .pf16-art-chip--one{
 top:3%;right:2%;background:#ffe26c;transform:rotate(7deg);animation-delay:.15s;
}
body.pf16-vocational .pf16-art-chip--two{
 bottom:8%;right:-2%;background:#a4f3d7;transform:rotate(5deg);animation-delay:.25s;
}
body.pf16-vocational .pf16-art-chip--three{
 left:2%;bottom:22%;background:#cbb4ff;transform:rotate(-9deg);animation-delay:.35s;
}
body.pf16-vocational .pf16-art-decoration{position:absolute;z-index:4;width:56px;height:56px}
body.pf16-vocational .pf16-art-decoration--spark{top:0;left:4%;transform:rotate(-11deg)}
body.pf16-vocational .pf16-art-decoration--arrow{bottom:-2%;left:17%;transform:rotate(28deg)}
body.pf16-vocational .explain{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:16px;padding:22px 0 35px;
}
body.pf16-vocational .explain article{
 min-width:0;position:relative;display:flex;flex-direction:column;
 border:1px solid #ebe2ff;border-radius:23px;padding:21px 23px 23px;
 background:linear-gradient(145deg,#fff,#f2eaff);
 box-shadow:0 10px 21px #423c7910;
}
body.pf16-vocational .explain article:nth-child(2){
 background:linear-gradient(145deg,#fff,#effcf4);border-color:#ddf3e8;
}
body.pf16-vocational .explain article:nth-child(3){
 background:linear-gradient(145deg,#fff,#fff5d9);border-color:#ffeabb;
}
body.pf16-vocational .pf16-explain-icon{
 width:55px;height:55px;display:grid;place-items:center;margin-bottom:12px;
 border-radius:16px;background:#e8ddff;
}
body.pf16-vocational .explain article:nth-child(2) .pf16-explain-icon{background:#c9f6e5}
body.pf16-vocational .explain article:nth-child(3) .pf16-explain-icon{background:#fff0b3}
body.pf16-vocational .pf16-explain-icon img{display:block;width:40px;height:40px;object-fit:contain}
body.pf16-vocational .pf16-explain-count{
 color:#6d45ca;font:900 10px/1.3 'Nunito Sans',sans-serif;letter-spacing:.12em;margin-bottom:7px;
}
body.pf16-vocational .explain b{
 display:block;margin:0 0 8px;color:#0b1739;
 font:1000 19px/1.16 'Nunito Sans',sans-serif;letter-spacing:-.04em;
}
body.pf16-vocational .explain p{
 margin:0;color:#52627e;font:750 13px/1.5 'Nunito Sans',sans-serif;
}
body.pf16-vocational .step-form{
 max-width:980px;margin:32px auto 72px;
 padding:clamp(22px,4.2vw,44px);
 border:1px solid #e9e2f8;border-radius:28px;background:#fff;
 box-shadow:0 16px 37px #422d7f12;
}
body.pf16-vocational .pf16-quiz-kicker{
 display:flex;align-items:center;gap:8px;margin-bottom:22px;
 color:#683df1;letter-spacing:.14em;
 font:900 11px/1.25 'Nunito Sans',sans-serif;
}
body.pf16-vocational .pf16-quiz-kicker img{width:28px;height:28px;object-fit:contain}
body.pf16-vocational .progress-row{
 color:#5938bc;font:900 13px/1.4 'Nunito Sans',sans-serif;
 display:flex;justify-content:space-between;gap:15px;align-items:center;
}
body.pf16-vocational .progress-row #step-text{
 background:#eee5ff;border-radius:999px;padding:8px 13px;white-space:nowrap;
}
body.pf16-vocational .progress-row #progress-name{text-align:right}
body.pf16-vocational .progress-track{
 margin:13px 0 30px;height:12px;border-radius:999px;
 background:#efe9fa;border:1px solid #e6ddf6;
}
body.pf16-vocational .progress-fill{
 height:100%;border-radius:999px;
 background:linear-gradient(90deg,#683df1 0%,#a17dff 52%,#71eacb 100%);
 transition:width .38s ease;
}
body.pf16-vocational .panel-title{margin-bottom:23px}
body.pf16-vocational .panel-title h2{
 margin:9px 0 9px;color:#0b1739;
 font:1000 clamp(26px,3.2vw,38px)/1.12 'Nunito Sans',sans-serif;
}
body.pf16-vocational .panel-title p{
 color:#5a6985;font:750 14px/1.55 'Nunito Sans',sans-serif;margin:0;
}
body.pf16-vocational .question{
 border:1.5px solid #e7e0f5;border-radius:18px;
 margin:0 0 15px;padding:17px 18px 20px;background:#fff;
}
body.pf16-vocational .question legend{
 color:#162449;font:900 15px/1.5 'Nunito Sans',sans-serif;
 padding:0 7px;max-width:100%;
}
body.pf16-vocational .question legend span{
 color:#683df1;font:900 13px/1.4 'Nunito Sans',sans-serif;
}
body.pf16-vocational .answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
body.pf16-vocational .choice{
 min-width:0;min-height:52px;padding:10px 8px;
 border:1.5px solid #e1dafa;border-radius:13px;
 color:#544d75;background:#faf8ff;
 font:900 12px/1.28 'Nunito Sans',sans-serif;
 transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;
}
body.pf16-vocational .choice:hover{transform:translateY(-2px);background:#f3edff;border-color:#ba9aff}
body.pf16-vocational .choice:has(input:checked){
 background:#e9deff;border-color:#683df1;color:#542ac6;
 box-shadow:inset 0 0 0 1px #683df1,0 4px 12px #683df114;
}
body.pf16-vocational .choice:has(input:focus-visible){outline:3px solid #ffcb2f;outline-offset:2px}
body.pf16-vocational .scenario{
 background:#faf7ff;border-color:#e5dafa;
}
body.pf16-vocational .scenario .answers{grid-template-columns:repeat(2,minmax(0,1fr))}
body.pf16-vocational .scenario .choice{
 font-size:13px;min-height:66px;justify-content:flex-start;text-align:left;
 padding:13px 15px;
}
body.pf16-vocational .scenario-prompt{color:#66718c;font-size:13px}
body.pf16-vocational .preference{
 background:linear-gradient(125deg,#f1eaff,#edfff7);
 border:1px solid #e8dbff;border-radius:18px;padding:21px;
}
body.pf16-vocational .preference label{font:900 14px/1.3 'Nunito Sans',sans-serif;color:#2a275c}
body.pf16-vocational .preference select{
 border-color:#cbb4ff;border-radius:12px;min-height:51px;
 font:800 13px 'Nunito Sans',sans-serif;
}
body.pf16-vocational .controls{padding-top:21px;border-top:1px solid #ebe6f5}
body.pf16-vocational .secondary{
 background:#f3eeff;border:1px solid #cfbaff;border-radius:999px;
 color:#5931cb;min-height:51px;font:900 14px 'Nunito Sans',sans-serif;
 padding:13px 22px;
}
body.pf16-vocational .controls .primary{
 background:#683df1;color:#fff;border:0;border-radius:999px;
}
body.pf16-vocational .controls .primary:hover{background:#5125d3}
body.pf16-vocational .footer{
 background:linear-gradient(110deg,#f5efff,#fdfcff 58%,#fffaea);
 color:#0b1739;padding:28px 0;border-top:3px solid #ded0ff;
}
body.pf16-vocational .foot-inner{
 display:flex;align-items:center;justify-content:space-between;
 gap:20px;flex-wrap:wrap;
}
body.pf16-vocational .pf16-footer-brand{
 display:flex;align-items:center;gap:15px;min-width:0;
}
body.pf16-vocational .pf16-footer-brand img{width:125px;height:auto;display:block}
body.pf16-vocational .pf16-footer-brand span{
 color:#706585;font:800 12px/1.4 'Nunito Sans',sans-serif;
}
body.pf16-vocational .footer a{
 display:inline-flex;align-items:center;justify-content:center;
 padding:10px 15px;border:1px solid #d4c1ff;border-radius:999px;
 background:#fff;color:#6235da;font:900 12px/1.2 'Nunito Sans',sans-serif;
 text-decoration:none;
}
/* Result screen */
body.pf16-result .cover{
 position:relative;isolation:isolate;overflow:hidden;
 display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);
 align-items:center;gap:10px;min-height:380px;
 padding:clamp(30px,4.4vw,52px);
 margin:27px 0 28px;border:2px solid #fff;border-radius:29px;
 background:
 radial-gradient(ellipse 64% 80% at 15% 50%,#fffffff0,#ffffffc0 62%,transparent 98%),
 linear-gradient(109deg,#d9edff,#c9e0ff 46%,#d9c6ff 100%);
 box-shadow:0 13px 32px #5e479322;color:#0b1739;
}
body.pf16-result .cover::before{
 content:"";position:absolute;left:-10%;bottom:-29%;z-index:0;
 width:62%;height:36%;border-radius:50%;background:#ffe16b;transform:rotate(-8deg);
}
body.pf16-result .cover::after{
 content:"";position:absolute;right:-10%;top:-32%;z-index:0;
 width:46%;height:55%;background:#ff9d98;color:transparent;border-radius:50%;
}
body.pf16-result .pf16-result-cover-copy{position:relative;z-index:3;min-width:0}
body.pf16-result .cover .eyebrow{color:#6940d8}
body.pf16-result .cover .eyebrow::before{
 content:"";display:inline-block;vertical-align:middle;
 width:23px;height:3px;margin-right:9px;border-radius:5px;background:#ffb918;
}
body.pf16-result .cover h1{
 max-width:650px;margin:16px 0 16px;color:#0b1739;
 font:1000 clamp(35px,4.4vw,56px)/1.08 'Nunito Sans',sans-serif;
}
body.pf16-result .cover h1 strong{color:#683df1}
body.pf16-result .cover p{color:#475977;max-width:580px;font:750 15px/1.55 'Nunito Sans',sans-serif}
body.pf16-result .cover p strong{color:#5731c4}
body.pf16-result .cover-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
body.pf16-result .cover-summary span{
 background:#ffffffc5;border:1px solid #d2c3ff;color:#4d3f7d;
 border-radius:999px;padding:9px 12px;font:900 11px/1.25 'Nunito Sans',sans-serif;
}
body.pf16-result .actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
body.pf16-result .actions .action{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 background:#683df1;border:1px solid #683df1;color:white;
 min-height:49px;border-radius:999px;padding:12px 18px;
 font:900 13px/1.2 'Nunito Sans',sans-serif;
 box-shadow:0 8px 17px #683df125;
}
body.pf16-result .actions .action.light{
 background:#ffffffd4;border-color:#c9b6ff;color:#5b36ce;box-shadow:none;
}
body.pf16-result .pf16-result-visual{position:relative;z-index:2;min-height:315px;align-self:stretch}
body.pf16-result .pf16-result-halo{
 position:absolute;inset:12% 7% 6% 13%;border-radius:50%;
 background:linear-gradient(135deg,#9af0d3,#ffdf74 52%,#c8afff);
 transform:rotate(-13deg);box-shadow:0 12px 24px #41388232;
}
body.pf16-result .pf16-result-poster{
 position:absolute;inset:5% 17% 11% 16%;z-index:2;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 padding:19px 15px;border:5px solid #fff;border-radius:31px 53px 28px 43px;
 background:#fcf9ff;transform:rotate(-7deg);
 text-align:center;box-shadow:0 15px 31px #30296841;
}
body.pf16-result .pf16-result-poster img{display:block;width:78px;height:78px;object-fit:contain;margin-bottom:10px}
body.pf16-result .pf16-result-poster strong{
 color:#0b1739;font:1000 clamp(18px,2.4vw,29px)/1.05 'Nunito Sans',sans-serif;
}
body.pf16-result .pf16-result-poster>span{margin-top:13px;color:#683df1;font:900 11px/1.25 'Nunito Sans',sans-serif}
body.pf16-result .pf16-result-tag{
 position:absolute;z-index:3;display:flex;align-items:center;gap:6px;
 padding:9px 12px;border:2px solid #fff;border-radius:15px;
 color:#1d234b;font:900 12px 'Nunito Sans',sans-serif;
 box-shadow:0 9px 18px #2f2c6735;
}
body.pf16-result .pf16-result-tag img{width:31px;height:31px;object-fit:contain}
body.pf16-result .pf16-result-tag--first{top:5%;right:1%;background:#ffdc6f;transform:rotate(8deg)}
body.pf16-result .pf16-result-tag--second{bottom:10%;left:1%;background:#a9f3d9;transform:rotate(-9deg)}
body.pf16-result .pf16-result-deco{position:absolute;z-index:3;right:3%;bottom:1%;width:51px;transform:rotate(-12deg)}
body.pf16-result .section{
 background:#fff;border:1px solid #eae3f8;border-radius:25px;
 padding:clamp(24px,3.2vw,36px);margin:21px 0;
 box-shadow:0 9px 28px #30266e0b;
}
body.pf16-result .section-head .eyebrow,body.pf16-result .course-head .eyebrow{color:#683df1}
body.pf16-result .section-head h2{
 color:#0b1739;font:1000 clamp(27px,3.1vw,36px)/1.12 'Nunito Sans',sans-serif;
 margin:9px 0 13px;
}
body.pf16-result .section-head p{font:750 13px/1.55 'Nunito Sans',sans-serif;color:#5a6880}
body.pf16-result .profiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.pf16-result .profile{
 padding:23px;border:1px solid #e9dcff;border-radius:21px;
 background:linear-gradient(145deg,#fff,#f0e7ff);
}
body.pf16-result .profile:nth-child(2){background:linear-gradient(145deg,#fff,#ebfff6);border-color:#d9f2e7}
body.pf16-result .profile:nth-child(3){background:linear-gradient(145deg,#fff,#fff3ca);border-color:#ffe8ac}
body.pf16-result .profile .rank{color:#6741c6;font:900 10px/1.4 'Nunito Sans',sans-serif}
body.pf16-result .profile h3{font:1000 21px/1.1 'Nunito Sans',sans-serif;color:#172041}
body.pf16-result .profile p{font:750 12px/1.55 'Nunito Sans',sans-serif;color:#526480}
body.pf16-result .profile .pill{color:#5636b1;border-color:#dbd0fa;border-radius:999px;background:#fff}
body.pf16-result .profile::after{color:#683df1}
body.pf16-result .callout{background:#f2ecff;border-left:4px solid #683df1;color:#473b73;border-radius:12px}
body.pf16-result .axis-track{background:#f0ebfc}
body.pf16-result .subnote{color:#68748e}
body.pf16-result .evidence{background:#fdfbff;border:1px solid #e7dff8;border-radius:18px}
body.pf16-result .evidence .number{color:#683df1}
body.pf16-result .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
body.pf16-result .course{
 border:1px solid #e5ddf5;border-radius:21px;
 box-shadow:0 7px 19px #352b7c12;background:#fff;
}
body.pf16-result .course:hover{box-shadow:0 13px 26px #352b7c20}
body.pf16-result .course-top,body.pf16-result .course-top.auden{
 display:flex;align-items:center;gap:8px;justify-content:space-between;
 min-height:82px;padding:15px 18px;
 background:#f7f2ff;color:#221f4d;border-bottom:1px solid #e9e0fa;
}
body.pf16-result .pf16-course-brand{display:inline-flex;align-items:center;min-width:0}
body.pf16-result .pf16-course-brand img{max-height:37px;max-width:115px;width:auto;height:auto;object-fit:contain}
body.pf16-result .pf16-course-brand strong{color:#5733b9;font:1000 16px 'Nunito Sans',sans-serif}
body.pf16-result .pf16-course-mode{
 display:inline-flex;padding:8px 10px;border-radius:999px;
 background:#e7dcff;color:#5b36cd;
 font:900 11px/1.1 'Nunito Sans',sans-serif;text-align:center;
}
body.pf16-result .course-body{padding:22px}
body.pf16-result .course-body h3{font:1000 19px/1.18 'Nunito Sans',sans-serif;color:#0b1739}
body.pf16-result .course .why{background:#f4f0ff;color:#555174}
body.pf16-result .course a{
 background:#683df1;color:#fff;border-radius:999px;
 font:900 12px/1.25 'Nunito Sans',sans-serif;
 padding:14px 17px;min-height:47px;
}
body.pf16-result .course a:hover{background:#5326ce}
body.pf16-result .next-grid article{
 background:linear-gradient(135deg,#f5edff,#fff);border:1px solid #e9deff;border-radius:18px;
}
body.pf16-result .next-grid article:nth-child(2){background:linear-gradient(135deg,#ebfff4,#fff);border-color:#d8f0e2}
body.pf16-result .next-grid article:nth-child(3){background:linear-gradient(135deg,#fff5d5,#fff);border-color:#ffedb8}
body.pf16-result .next-grid b{color:#172042;font:900 14px 'Nunito Sans',sans-serif}
body.pf16-result .transparency{
 border:1px solid #dcd3ed;background:#f8f5ff;border-radius:20px;color:#3f4860;
}
body.pf16-result .transparency h3{color:#293450}
@keyframes pf16-rise{
 from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}
}
@media(max-width:920px){
 body.pf16-vocational .pf16-header-title{display:none}
 body.pf16-vocational .intro{grid-template-columns:1fr .8fr;padding:34px 28px;min-height:385px}
 body.pf16-vocational .intro h1{font-size:clamp(35px,4.8vw,48px)}
 body.pf16-vocational .pf16-intro-art{min-height:315px}
 body.pf16-result .cover{grid-template-columns:1fr .8fr;padding:34px 28px}
 body.pf16-result .cover h1{font-size:clamp(35px,4.8vw,46px)}
 body.pf16-result .pf16-result-visual{min-height:270px}
}
@media(max-width:760px){
 body.pf16-vocational .intro{grid-template-columns:1fr;gap:6px;margin-top:17px;padding:31px 23px 0}
 body.pf16-vocational .intro h1{font-size:clamp(36px,7vw,53px)}
 body.pf16-vocational .pf16-intro-art{width:min(100%,410px);justify-self:center;min-height:300px}
 body.pf16-vocational .explain{grid-template-columns:1fr;gap:11px;padding:17px 0 26px}
 body.pf16-vocational .explain article{min-height:0;padding:17px 19px}
 body.pf16-vocational .pf16-explain-icon{width:46px;height:46px;margin-bottom:7px}
 body.pf16-vocational .pf16-explain-icon img{width:34px;height:34px}
 body.pf16-vocational .step-form{margin:19px auto 55px}
 body.pf16-vocational .answers{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.pf16-vocational .scenario .answers{grid-template-columns:1fr}
 body.pf16-result .cover{grid-template-columns:1fr;gap:12px;margin-top:18px;padding:30px 22px 18px}
 body.pf16-result .cover h1{font-size:clamp(35px,7.2vw,49px)}
 body.pf16-result .pf16-result-visual{min-height:280px;width:min(100%,410px);justify-self:center}
 body.pf16-result .profiles{grid-template-columns:1fr}
 body.pf16-result .course-grid{grid-template-columns:1fr}
 body.pf16-result .next-grid{grid-template-columns:1fr}
 body.pf16-result .section{padding:24px 20px}
 body.pf16-vocational .foot-inner{flex-direction:column;align-items:center;text-align:center}
}
@media(max-width:460px){
 body.pf16-vocational .wrap{width:calc(100% - 30px)}
 body.pf16-vocational .head-inner{min-height:76px;gap:10px}
 body.pf16-vocational .logo img{width:143px}
 body.pf16-vocational .back,body.pf16-vocational .navlink{font-size:10px;padding:9px 11px;min-height:38px}
 body.pf16-vocational .intro{padding:27px 17px 0}
 body.pf16-vocational .intro h1{font-size:clamp(32px,9vw,43px)}
 body.pf16-vocational .facts{gap:7px}
 body.pf16-vocational .facts span{font-size:11px;padding:8px 10px}
 body.pf16-vocational .start{width:100%;padding:12px;min-height:50px}
 body.pf16-vocational .pf16-intro-art{min-height:250px}
 body.pf16-vocational .pf16-art-main{inset:8% 21% 9% 17%;width:auto;min-height:0}
 body.pf16-vocational .pf16-art-main>img{width:66px;height:66px}
 body.pf16-vocational .pf16-art-main strong{font-size:18px}
 body.pf16-vocational .pf16-art-chip{font-size:10px;padding:6px 8px}
 body.pf16-vocational .pf16-art-chip img{width:23px;height:23px}
 body.pf16-vocational .step-form{width:100%;padding:21px 15px;border-radius:23px}
 body.pf16-vocational .question{padding:15px 11px 17px}
 body.pf16-vocational .answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body.pf16-vocational .choice{min-height:52px;font-size:11px;padding:9px 5px}
 body.pf16-vocational .controls{gap:8px}
 body.pf16-vocational .controls button{flex:1;min-height:49px;padding:10px;font-size:12px}
 body.pf16-vocational .progress-row{flex-wrap:wrap}
 body.pf16-vocational .progress-row #progress-name{text-align:left}
 body.pf16-result .cover{padding:27px 18px 13px}
 body.pf16-result .pf16-result-visual{min-height:240px}
 body.pf16-result .pf16-result-poster img{width:65px;height:65px}
 body.pf16-result .pf16-result-poster strong{font-size:19px}
 body.pf16-result .pf16-result-tag{font-size:10px;padding:6px 8px}
 body.pf16-result .pf16-result-tag img{width:25px;height:25px}
 body.pf16-result .axis{grid-template-columns:110px 1fr}
 body.pf16-result .actions .action{width:100%}
 body.pf16-result .course-top{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 body.pf16-vocational *,body.pf16-vocational *::before,body.pf16-vocational *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
 body.pf16-result{background:#fff;color:#0b1739}
 body.pf16-result .header,body.pf16-result .footer,body.pf16-result .actions,
 body.pf16-result .pf16-result-visual,body.pf16-result .course a{display:none!important}
 body.pf16-result .wrap{width:100%}
 body.pf16-result .cover{
  display:block;min-height:0;margin:0 0 12px;padding:16px 18px;
  border:2px solid #c3b4df;box-shadow:none;background:#fff!important;
 }
 body.pf16-result .cover::before,body.pf16-result .cover::after{display:none}
 body.pf16-result .cover *,body.pf16-result .cover h1 strong{color:#162340!important}
 body.pf16-result .section{box-shadow:none;border-color:#d8d8e0;padding:15px;margin:11px 0;break-inside:avoid}
 body.pf16-result .profiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.pf16-result .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.pf16-result .course{break-inside:avoid}
 body.pf16-result .print-only{display:block}
}


/* Transições suaves entre etapas, seguindo o motion da home.
 * Evitamos IntersectionObserver nos painéis inicialmente ocultos. */
@keyframes pf16-chapter-in{
 from{opacity:0;transform:translate3d(0,16px,0)}
 to{opacity:1;transform:none}
}
@keyframes pf16-answer-in{
 from{opacity:0;transform:translate3d(0,11px,0)}
 to{opacity:1;transform:none}
}
html.js-enabled body.pf16-vocational .step-form.is-started{
 animation:pf16-chapter-in .56s cubic-bezier(.16,1,.3,1) both;
}
html.js-enabled body.pf16-vocational .quiz-panel.is-active{
 animation:pf16-chapter-in .56s cubic-bezier(.16,1,.3,1) both;
}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question{
 animation:pf16-answer-in .52s cubic-bezier(.16,1,.3,1) both;
}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question:nth-of-type(1){animation-delay:45ms}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question:nth-of-type(2){animation-delay:95ms}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question:nth-of-type(3){animation-delay:145ms}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question:nth-of-type(4){animation-delay:195ms}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question:nth-of-type(5){animation-delay:245ms}
html.js-enabled body.pf16-vocational .quiz-panel.is-active .question:nth-of-type(6){animation-delay:295ms}
@media(prefers-reduced-motion:reduce){
 html.js-enabled body.pf16-vocational .step-form.is-started,
 html.js-enabled body.pf16-vocational .quiz-panel.is-active,
 html.js-enabled body.pf16-vocational .quiz-panel.is-active .question{animation:none!important}
}
