.voc-page{min-height:85svh;padding:8rem var(--pad) 4rem}.voc-shell{--tone:91 127 255;--glow:85%;isolation:isolate;max-width:52rem;color:var(--paper);background:#121c32;border:1px solid #a3b8ff55;border-radius:22px;margin:auto;padding:clamp(1rem,5vw,3rem);position:relative}.voc-shell[data-tone="1"]{--tone:130 190 255;--glow:72%}.voc-shell[data-tone="2"]{--tone:92 194 182;--glow:62%}.voc-shell[data-tone="3"]{--tone:170 148 232;--glow:47%}.voc-shell[data-tone="4"]{--tone:83 102 220;--glow:32%}.voc-shell:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--glow) 0%, rgb(var(--tone) / .22), transparent 60%);position:absolute;inset:0}.voc-kicker{color:var(--sky);font-weight:700}.voc-kicker span{border-inline-start:1px solid var(--line-strong);margin-inline-start:.6rem;padding-inline-start:.6rem}.voc-shell h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.85rem 0;font-size:clamp(1.8rem,5vw,3.3rem);line-height:1.08}.voc-shell p{margin-block:.7rem;line-height:1.55}.voc-note{border-inline-start:2px solid var(--sky);max-width:65ch;padding-inline-start:.9rem}.voc-shell button{cursor:pointer;border:1px solid #a3b8ff70;border-radius:9px;min-height:44px;padding:.65rem .9rem}.voc-shell .voc-primary{color:#0a1020;background:#b7c7ff;font-weight:800}.voc-shell button:disabled{opacity:.5;cursor:default}.voc-shell :focus-visible{outline:2px solid var(--sky);outline-offset:4px}.voc-step{color:var(--sky);font-size:.9rem}.voc-progress{background:#a3b8ff30;border-radius:10px;height:4px;overflow:hidden}.voc-progress span{transform-origin:0;background:var(--sky);height:100%;display:block}.voc-options{gap:.5rem;min-width:0;margin-block:1.25rem;display:grid}.voc-options label{cursor:pointer;border:1px solid #a3b8ff40;border-radius:9px;align-items:center;gap:.7rem;min-height:48px;padding:.6rem .8rem;display:flex}.voc-options input{appearance:auto;accent-color:#a3b8ff;flex:none}.voc-options label:has(:checked){border-color:var(--sky);background:#a3b8ff22}.voc-actions{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.voc-dimensions{gap:.75rem;margin-block:1.5rem;display:grid}.voc-dimensions dt,.voc-shell h3{font-weight:800}.voc-dimensions dd{color:var(--sky)}.voc-recommendations li{border-top:1px solid var(--line-strong);padding-block:.7rem}.voc-recommendations h2{font-size:1.55rem}@media (min-width:650px){.voc-dimensions{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:no-preference){.voc-enter{animation:.28s ease-out both voc-enter}.voc-results .voc-dimensions{animation:.48s ease-out both voc-enter}.voc-recommendations{animation:.64s ease-out .2s both voc-enter}.voc-progress span{transition:transform .25s ease-out}.voc-options label{transition:background-color .2s,border-color .2s}.voc-shell:before{animation:.36s ease-out both voc-light}}@keyframes voc-enter{0%{opacity:.55;transform:translateY(7px)}}@keyframes voc-light{0%{opacity:.65}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.voc-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121c32d1}@media (prefers-reduced-transparency:reduce){.voc-shell{-webkit-backdrop-filter:none;backdrop-filter:none;background:#121c32}}}.voc-results [data-area],.voc-results[data-area]{--area:#b0c4ff}.voc-results [data-area=humanista],.voc-results[data-area=humanista]{--area:#efd38b}.voc-results [data-area=cientifico],.voc-results[data-area=cientifico]{--area:#a7dfbd}.voc-results [data-area=matematico],.voc-results[data-area=matematico]{--area:#ffb5b1}.voc-results h1{border-block-start:1px solid var(--area);padding-top:.8rem}.voc-area-summary{flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;display:flex}.voc-area-summary li,.voc-area-label{color:var(--area);font-size:.875rem;font-weight:700}.voc-area-summary li:before{content:"";aspect-ratio:1;background:currentColor;border-radius:50%;width:.45em;margin-inline-end:.45em;display:inline-block}.voc-area-note{color:var(--muted);font-size:.875rem}.voc-careers>li{border:1px solid #a3b8ff33;border-inline-start:2px solid var(--area);background:linear-gradient(90deg, color-mix(in srgb, var(--area) 9%, transparent), transparent 55%);border-radius:8px;margin-block:.6rem;padding:.9rem 1rem}.voc-careers>li h3{margin-top:.2rem}@property --voc-light{syntax:"<color>";inherits:true;initial-value:#5b7fff}@property --voc-position{syntax:"<percentage>";inherits:true;initial-value:85%}.voc-shell{--voc-light:#5b7fff;--voc-position:85%;border-block-start-color:color-mix(in srgb, var(--voc-light) 65%, transparent)}.voc-shell[data-tone="1"]{--voc-light:#82beff;--voc-position:72%}.voc-shell[data-tone="2"]{--voc-light:#5cc2b6;--voc-position:62%}.voc-shell[data-tone="3"]{--voc-light:#aa94e8;--voc-position:47%}.voc-shell[data-tone="4"]{--voc-light:#5366dc;--voc-position:32%}.voc-shell:before{background:radial-gradient(ellipse at var(--voc-position) 0%, color-mix(in srgb, var(--voc-light) 32%, transparent), transparent 68%)}.voc-progress span{background:color-mix(in srgb, var(--voc-light) 65%, white)}@media (prefers-reduced-motion:no-preference){.voc-shell{transition:--voc-light .3s ease-out,--voc-position .3s ease-out,border-color .3s ease-out}.voc-area-summary{animation:.42s ease-out .12s both voc-enter}}