.tools-intro{max-width:760px;margin-block:16px 48px}.tools-intro h1{text-wrap:balance}.tools-intro>p{max-width:65ch;color:var(--muted-foreground)}.tools-intro .eyebrow{color:var(--primary-text);font-size:14px}.tools-intro .tools-description{margin-bottom:16px;font-size:18px}.tools-caption{font-size:14px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tool-card{border-radius:var(--radius-card);background:var(--card);min-width:0;color:var(--foreground);flex-direction:column;gap:16px;padding:32px;text-decoration:none;display:flex}.tool-card:hover{background:var(--accent);color:var(--foreground)}.tool-card>svg{color:var(--primary-text)}.tool-card h2{margin:0;font-size:24px}.tool-card p{color:var(--muted-foreground);margin:0}.tool-card .tool-link{align-items:center;gap:12px;margin-top:auto;padding-top:8px;font-size:14px;font-weight:500;display:inline-flex}.tools-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:14px;display:flex}.tools-breadcrumb a{color:var(--muted-foreground)}.tools-breadcrumb+.tools-intro{margin-bottom:32px}.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.calculator-form,.calculator-result{background:var(--card);border-radius:var(--radius-card);min-width:0;padding:32px}.calculator-form h2,.calculator-result h2{font-size:24px}.calculator-intro{color:var(--muted-foreground);font-size:16px}.calculator-fields{border:0;flex-direction:column;gap:24px;min-width:0;margin:24px 0 0;padding:0;display:flex}.calculator-fields[disabled]{opacity:.6}.calculator-field{flex-direction:column;gap:8px;min-width:0;display:flex}.calculator-field label{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;font-weight:500;display:flex}.calculator-field label span{color:var(--muted-foreground);font-weight:400}.calculator-field :is(input,select){border:1px solid var(--border);border-radius:var(--radius-field);background:var(--background);width:100%;min-width:0;height:48px;color:var(--foreground);font:inherit;padding-inline:16px;font-size:16px}.calculator-field input::placeholder{color:var(--muted-foreground);opacity:1}.calculator-field input[aria-invalid=true]{border:2px solid var(--destructive)}.calculator-field .field-hint,.calculator-field .field-error{color:var(--muted-foreground);margin:0;font-size:14px}.calculator-field .field-error{color:var(--destructive);font-weight:500}.calculator-field .field-error:before{content:"Confira: "}.calculator-submit,.calculator-secondary{border-radius:var(--radius-field);cursor:pointer;border:0;justify-content:center;align-self:flex-start;align-items:center;min-height:48px;padding:8px 24px;font-size:16px;font-weight:500;display:inline-flex}.calculator-submit{background:var(--primary);color:var(--primary-foreground)}.calculator-submit:hover{background:var(--primary-hover)}.calculator-submit:active,.calculator-secondary:active{transform:translateY(1px)}.calculator-submit:disabled,.calculator-secondary:disabled{cursor:wait}.calculator-secondary{background:var(--accent);color:var(--foreground)}.calculator-secondary:hover{background:var(--muted)}.calculator-privacy{color:var(--muted-foreground);margin:24px 0 0;font-size:14px}.calculator-result .eyebrow{color:var(--primary-text);font-size:14px}.result-value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:24px 0 32px;font-size:clamp(28px,3.3vw,44px);font-weight:500;line-height:1.2}.result-details{margin:0}.result-details>div{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-block:16px;display:flex}.result-details dt{color:var(--muted-foreground);font-size:14px}.result-details dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.result-placeholder{max-width:40ch;color:var(--muted-foreground);margin:16px 0 0}.result-note{color:var(--muted-foreground);margin:24px 0 0;font-size:14px}.subscription-list{flex-direction:column;gap:24px;display:flex}.subscription-row{border:0;border-top:1px solid var(--border);flex-direction:column;gap:16px;min-width:0;margin:0;padding:24px 0 0;display:flex}.subscription-row legend{padding-right:12px;font-size:16px}.subscription-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.calculator-text-button{min-height:40px;color:var(--muted-foreground);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:8px 0;font-size:14px;text-decoration:underline}.calculator-text-button:hover{color:var(--foreground)}.tool-explanation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-block:48px;display:grid}.tool-explanation h2{font-size:26px}.tool-explanation p{max-width:65ch;color:var(--muted-foreground)}.tool-formula{border-radius:var(--radius-field);background:var(--card);padding:24px;font-size:14px}.tool-faq details{border-bottom:1px solid var(--border);padding-block:16px}.tool-faq summary{cursor:pointer;min-height:40px;font-weight:500}.tool-faq details p{margin:12px 0 0}.tools-related{margin-top:48px}.tools-related h2{margin-bottom:24px;font-size:26px}.tools-related .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-bottom{margin-top:48px}.tools-bottom h2{font-size:26px}.tools-bottom p{max-width:65ch;color:var(--muted-foreground)}@media (width>=768px) and (width<=1100px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.tools-intro{margin-block:8px 32px}.tools-intro .tools-description{font-size:16px}.tools-grid,.calculator-grid,.tool-explanation,.tools-related .tools-grid{grid-template-columns:minmax(0,1fr)}.tools-grid{gap:16px}.tool-card,.calculator-form,.calculator-result{padding:24px}.tool-explanation{gap:32px;padding-block:32px}.tools-breadcrumb{margin-bottom:24px}.result-details>div{flex-wrap:wrap;gap:4px 12px}.result-details dd{margin-left:auto}.result-value{font-size:32px}.tools-related{margin-top:32px}}@media (width<=359px){.subscription-values{grid-template-columns:minmax(0,1fr)}}.calculator-field :is(input,select):hover{border-color:var(--muted-foreground)}.calculator-field :is(input,select):focus-visible{border-color:var(--ring)}.calculator-select{position:relative}.calculator-select select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:48px}.calculator-select svg{pointer-events:none;color:var(--muted-foreground);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.calculator-select option{background:var(--card);color:var(--foreground)}
