@scope (html) to (:scope :is(x-base,x-calc-custo,x-calc-idade,x-footer,x-nav,x-quiz)>*){.skip{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-150%)}.skip:focus{transform:translateY(0);color:var(--color-bg)}}
x-nav{display:contents}@scope (x-nav) to (:scope :is(x-base,x-calc-custo,x-calc-idade,x-footer,x-nav,x-quiz)>*){:scope{display:block;background:var(--color-bg);border-bottom:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:76px;padding-block:var(--space-3)}.brand{display:block;flex:none;line-height:0}.brand img{width:236px}nav{display:flex;gap:var(--space-5)}@media (max-width:599px){.nav-inner{flex-wrap:wrap;row-gap:var(--space-1);padding-block:var(--space-4) var(--space-1)}.brand img{width:184px}nav{width:100%;justify-content:space-between;gap:var(--space-3)}}nav a{position:relative;font-weight:var(--font-semibold);color:var(--color-text);text-decoration:none;padding-block:var(--space-2)}nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration) var(--ease)}nav a:hover{color:var(--color-accent-hover)}nav a:hover::after{transform:scaleX(1)}nav .long{display:none}@media (min-width:900px){nav .long{display:inline}nav .short{display:none}}}
x-footer{display:contents}@scope (x-footer) to (:scope :is(x-base,x-calc-custo,x-calc-idade,x-footer,x-nav,x-quiz)>*){:scope{display:block;border-top:var(--border);padding-block:var(--space-7)}.foot-inner{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--space-6)}.foot-inner img{width:140px}.tagline{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.foot-inner nav{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-5)}.foot-inner nav a{color:var(--color-text);text-decoration:none;font-weight:var(--font-semibold);font-size:var(--text-sm)}.foot-inner nav a:hover{color:var(--color-accent-hover)}.foot-note{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3) var(--space-6)}.foot-note p{margin:0;color:var(--color-text-tertiary);font-size:var(--text-sm);max-width:60ch}}
x-calc-custo{display:contents}@scope (x-calc-custo) to (:scope :is(x-base,x-calc-custo,x-calc-idade,x-footer,x-nav,x-quiz)>*){:scope{display:block}.calc{display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:start}@media (min-width:900px){.calc{grid-template-columns:1.3fr 1fr;gap:var(--space-8)}.result{position:sticky;top:var(--space-4)}}.seg{border:0;padding:0;margin:0 0 var(--space-4);display:flex;gap:var(--space-2)}.seg legend{font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:var(--space-2);padding:0}.seg label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-strong);border-radius:var(--radius-full);margin:0;font-weight:var(--font-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.seg label:has(:checked){background:var(--color-accent-subtle);border-color:var(--color-accent)}.hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.items{width:100%;border-collapse:collapse}.items th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);padding:0 var(--space-2) var(--space-2) 0;font-weight:var(--font-semibold)}.items td{padding:var(--space-2) var(--space-2) var(--space-2) 0;border-top:var(--border);vertical-align:middle}.items td:first-child{width:44%}.items label{margin:0;font-weight:var(--font-semibold);font-size:var(--text-base)}.items small{display:block;color:var(--color-text-tertiary);font-size:var(--text-xs)}.items input{min-height:42px}.items select{min-height:42px}.items tr[hidden]{display:none}@media (max-width:559px){.items thead{display:none}.items tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-3);border-top:var(--border)}.items td,.items td:first-child{width:auto;padding:0;border:0}.items td:first-child{grid-column:1 / -1}.items input,.items select{width:100%;min-width:0}}.result{padding:var(--space-6);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.big{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-2) 0 0}.big .num{font-size:clamp(3rem,1.6rem + 4vw,5rem);font-weight:var(--font-bold);line-height:1;color:var(--color-accent);display:inline-block}.big .num.bump{animation:bump var(--duration-slow) var(--ease)}@keyframes bump{30%{transform:scale(1.06)}}.year{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.breakdown{list-style:none;padding:0;margin:0 0 var(--space-4);font-size:var(--text-sm)}.breakdown li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border-top:var(--border);margin:0}.breakdown li span:last-child{font-weight:var(--font-semibold);white-space:nowrap}.note{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}}
x-calc-idade{display:contents}@scope (x-calc-idade) to (:scope :is(x-base,x-calc-custo,x-calc-idade,x-footer,x-nav,x-quiz)>*){:scope{display:block}.calc{display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:start}@media (min-width:800px){.calc{grid-template-columns:1.1fr 1fr;gap:var(--space-8)}}.seg{border:0;padding:0;margin:0 0 var(--space-5);display:flex;gap:var(--space-2)}.seg legend{font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:var(--space-2);padding:0}.seg label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-strong);border-radius:var(--radius-full);margin:0;font-weight:var(--font-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.seg label:has(:checked){background:var(--color-accent-subtle);border-color:var(--color-accent)}.age-row{display:flex;align-items:center;gap:var(--space-2)}.age-row input{width:5.5rem}.age-row span{color:var(--color-text-secondary);font-size:var(--text-sm)}.porte[hidden]{display:none}.result{padding:var(--space-6);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.big{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-1)}.big .num{font-size:clamp(3.4rem,2rem + 4vw,5.5rem);font-weight:var(--font-bold);line-height:1;color:var(--color-accent);display:inline-block;transition:transform var(--duration) var(--ease)}.big .num.bump{animation:bump var(--duration-slow) var(--ease)}@keyframes bump{30%{transform:scale(1.08)}}.stage{font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.note{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}}
x-quiz{display:contents}@scope (x-quiz) to (:scope :is(x-base,x-calc-custo,x-calc-idade,x-footer,x-nav,x-quiz)>*){:scope{display:block}.quiz{max-width:40rem;margin-inline:auto}.quiz-head{margin-bottom:var(--space-6)}.quiz-step{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.quiz-noscript{padding:var(--space-4);border:var(--border);border-radius:var(--radius);color:var(--color-text-secondary)}.q{margin-bottom:var(--space-8)}.quiz.ready .q{margin-bottom:0}.q[hidden]{display:none}.q legend{width:100%;margin-bottom:var(--space-5)}.q h2{font-size:var(--text-3xl);margin:0;outline:none}.answers{display:grid;gap:var(--space-3)}.answer{display:flex;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-4) var(--space-5);border:var(--border-strong);border-radius:var(--radius);background:var(--color-bg-raised);font-size:var(--text-lg);line-height:1.3;cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.answer:hover{border-color:var(--color-text-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.answer:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-subtle)}.answer:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.answer input:focus-visible{outline:none}.quiz-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.quiz-nav .back[hidden]{visibility:hidden;display:inline-flex}.q.in-right{animation:quiz-in-right var(--duration-slow) var(--ease) both}.q.in-left{animation:quiz-in-left var(--duration-slow) var(--ease) both}.q.out-left{animation:quiz-out-left var(--duration) var(--ease-in-out) both}.q.out-right{animation:quiz-out-right var(--duration) var(--ease-in-out) both}@keyframes quiz-in-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}@keyframes quiz-in-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}@keyframes quiz-out-left{to{opacity:0;transform:translateX(-24px)}}@keyframes quiz-out-right{to{opacity:0;transform:translateX(24px)}}.result[hidden]{display:none}.result>*{animation:result-in var(--duration-slow) var(--ease) both}.result>:nth-child(2){animation-delay:80ms}.result>:nth-child(3){animation-delay:160ms}.result>:nth-child(4){animation-delay:240ms}.result>:nth-child(n+5){animation-delay:360ms}@keyframes result-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.result-name{font-size:var(--text-display);line-height:var(--leading-tight);outline:none;margin-bottom:var(--space-4)}.result-desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:56ch}.result-chips{list-style:none;padding:0;margin:var(--space-5) 0 var(--space-7);display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-chips li{margin:0;padding:var(--space-1) var(--space-3);border:var(--border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.result h3{font-size:var(--text-xl);margin-top:var(--space-7);padding-top:var(--space-5);border-top:var(--border)}.result-look{font-size:var(--text-base)}.result-notes{padding-left:1.2em;color:var(--color-text-secondary)}.result-notes li::marker,.result-why li::marker{color:var(--color-accent)}.result-notes:empty{display:none}.result-why{padding-left:1.2em}.result-why li{margin-bottom:var(--space-3)}.result-actions{margin-top:var(--space-6)}.share-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.share-status{margin:var(--space-3) 0 0;min-height:1.5em;font-size:var(--text-sm);color:var(--color-text-secondary)}.share-url{display:block;margin-top:var(--space-2);padding:var(--space-3);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);word-break:break-all;user-select:all}.share-url[hidden]{display:none}.share-preview{margin-top:var(--space-4);display:grid;gap:var(--space-3);justify-items:start}.share-preview[hidden]{display:none}.share-img{width:min(100%,540px);height:auto;border:var(--border);border-radius:var(--radius);animation:result-in var(--duration-slow) var(--ease) both}.result-restart{margin-top:var(--space-7)}}