/* Cinematic estimate page: presentation only, native form and calculations preserved. */
.site-view.budget-view {
  --site-base:#07131f;--site-surface:#142231;--site-text:#f5f7fb;
  --site-muted:#c4cfdb;--site-accent:#f4c27e;--site-on-accent:#102032;
  --text:#f5f7fb;--muted:#c4cfdb;--surface:#142231;--line:#bed8ee2e;
  position:relative;isolation:isolate;color:#f5f7fb;
  background:radial-gradient(ellipse 85% 650px at 0 10%,#c37a2b16,transparent 75%),
             radial-gradient(ellipse 85% 700px at 100% 42%,#4fafff1a,transparent 75%),
             radial-gradient(ellipse 80% 650px at 0 76%,#c37a2b12,transparent 75%),#07131f;
}
.site-view.budget-view::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("engineering-wave.svg?v=2") center 180px / max(100%,1600px) auto repeat-y;
  opacity:.3;
}
.budget-view .budget-intro {border-color:#bdd8ee2e}
.budget-view .budget-intro .eyebrow {color:#f1bc83;letter-spacing:.095em}
.budget-view .budget-intro h1 {
  color:#fff;background:linear-gradient(105deg,#fff 18%,#fff 48%,#f3bd77 82%,#ffdca5);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.budget-view .budget-intro .page-intro-copy>p {color:#c4cfdb;line-height:1.8}
.budget-view .budget-intro .button.secondary {
  color:#edf5fd;border:1px solid #bdd8ee50;background:linear-gradient(135deg,#c4def01d,#ffffff08);
  box-shadow:inset 0 1px #fff2,0 5px 18px #0002;border-radius:10px;
}
.budget-view .budget-intro .button.secondary:hover {background:#ffffff1c;border-color:#9bd2ff}

.budget-view .budget-intro {padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid #bdd8ee2e}
.budget-view .budget-intro:not(.has-page-mascot) {padding-block:12px 38px}
.budget-view .budget-layout {gap:28px}
.budget-view .budget-controls,.budget-view .budget-summary,.budget-view .budget-result {
  border:1px solid #a7c9e152;border-radius:17px;
  background:linear-gradient(145deg,#26384be8,#101f2eee 70%);
  box-shadow:inset 0 1px #ffffff1c,0 18px 40px #0003;backdrop-filter:blur(12px);
}
.budget-view .budget-summary {border-color:#edc68d75;background:linear-gradient(145deg,#2c3640ed,#142332f2 65%);box-shadow:inset 0 1px #fff2,0 18px 40px #0004,0 0 26px #e6b7750d}
.budget-view .budget-step legend {color:#fff;font-size:15px}
.budget-view .budget-step+.budget-step {border-color:#bdd8ee2e}
.budget-view .budget-choice {color:#d9e4ef;background:linear-gradient(135deg,#34516a44,#08162455);border-color:#bdd8ee42;min-height:66px;transition:border-color .2s,background .2s,box-shadow .2s}
.budget-view .budget-choice>span:first-of-type {font-size:13px;line-height:1.55}
.budget-view .budget-choice:has(input:checked) {color:#fff;border-color:#f0c58b;background:linear-gradient(125deg,#b58a443b,#cca26518);box-shadow:inset 0 1px #f2cc9a25,0 0 18px #e8b67410}
.budget-view .budget-choice:has(input:checked)>.material-symbols-outlined {color:#f6ce94}
.budget-view .budget-choice:hover {border-color:#a8d6ff;background-color:#b7d6ed0b}
.budget-view .budget-choice:focus-within {outline:3px solid #a8d6ff;outline-offset:3px}
.budget-view .budget-summary-title {border-color:#bdd8ee2e}
.budget-view .budget-summary-title>span {color:#f4cc93;font-size:12px}
.budget-view .budget-summary-title small {color:#c8d9e8;font-size:11px}
.budget-view .budget-area-input>label,.budget-view .budget-area-input>div>span,.budget-view .budget-area-scale,.budget-view .budget-help {color:#c4d2df}
.budget-view .budget-area-input input {background:#0d1e2d;color:#ffe0b0;border-color:#bdd8ee57}
.budget-view #budget-area-range {accent-color:#f4c27e}
.budget-view .budget-investment {padding:19px 18px 2px;margin:0 -1px 22px;border:1px solid #f1c99540;border-radius:12px;background:linear-gradient(125deg,#b58a441c,#101d2b40)}
.budget-view .budget-investment>span {font-size:12px;color:#d4e0ea}
.budget-view .budget-investment output {color:#ffdcaa;font-size:clamp(24px,2.15vw,30px);line-height:1.4;overflow-wrap:anywhere}
.budget-view .budget-investment p {color:#c4d2df;font-size:11px;line-height:1.8}
.budget-view .budget-metrics>div {border-color:#bdd8ee38;background:linear-gradient(135deg,#41637c2e,#0d1b2a73)}
.budget-view .budget-metrics .material-symbols-outlined {color:#a6d6ff;font-size:22px}
.budget-view .budget-metrics span {color:#c4d2df;font-size:11px}
.budget-view .budget-metrics strong {color:#f4d3a1;font-size:12px}
.budget-view .budget-contact {border-color:#bdd8ee2e}
.budget-view .budget-contact h2 {color:#fff;font-size:21px}
.budget-view .budget-contact>p {color:#c4d2df;font-size:12px}
.budget-view .budget-contact .field label {color:#d6e2ef;font-size:12px;line-height:1.6}
.budget-view .budget-contact input,.budget-view .budget-contact textarea {background:#0c1c2be0;color:#f5f7fb;border:1px solid #bdd8ee50;border-radius:9px;font-size:13px;color-scheme:dark;min-width:0}
.budget-view .budget-contact input::placeholder,.budget-view .budget-contact textarea::placeholder {color:#a8bbce;opacity:1}
.budget-view .budget-contact input:focus,.budget-view .budget-contact textarea:focus,.budget-view .budget-area-input input:focus {border-color:#a8d6ff;outline:2px solid #9ad6ff55;outline-offset:2px}
.budget-view .budget-attachment-upload {background:#0c1c2b70;border-color:#aacce36e;padding:18px}
.budget-view .budget-attachment-upload>label {color:#e2ebf4;gap:9px;line-height:1.7}
.budget-view .budget-attachment-upload>label>.material-symbols-outlined {color:#a6d6ff}
.budget-view .budget-attachment-upload p {color:#bccdde}
.budget-view .budget-attachment-upload input[type=file] {background:#132638;color:#dce6ef;font-size:12px;line-height:1.8;padding:10px;border-color:#bdd8ee4d}
.budget-view .budget-attachment-upload input[type=file]::file-selector-button {background:#29455b;color:#f5f7fb;border-color:#b7d6ec55;padding:8px 10px;white-space:normal}
.budget-view .budget-contact .button,.budget-view .budget-result .button:not(.secondary) {
  min-height:48px;padding:13px 18px;border:1px solid #ffb879;border-radius:10px;
  color:#fff;background:linear-gradient(110deg,#ca471d,#a54c12);font-size:13px;font-weight:700;
  box-shadow:inset 0 1px #fff3,0 5px 22px #ff782030;gap:10px;line-height:1.5;white-space:normal;
}
.budget-view .budget-contact .button:hover,.budget-view .budget-result .button:not(.secondary):hover {background:linear-gradient(110deg,#b43c16,#8e3e0c)}
.budget-view .budget-contact .budget-privacy {color:#b9cbdc;font-size:11px;line-height:1.8}
.budget-view .budget-privacy a {color:#f4cf9b;text-underline-offset:3px}
.budget-view .budget-result h2 {color:#ffdcaa;overflow-wrap:anywhere}
.budget-view .budget-result>p,.budget-view .budget-receipt dd {color:#d0deeb}
.budget-view .budget-receipt {border-color:#bdd8ee36}
.budget-view .budget-receipt dt {color:#b9cbdc}
.budget-view .budget-success-icon {background:#78b69a20;color:#a2e2bd;border:1px solid #9cdbb845}
.budget-view .budget-result .button.secondary {background:#bed8ee10;color:#e8f1f9;border:1px solid #bed8ee4a;border-radius:10px}
.budget-view .main-content a:focus-visible,.budget-view .main-content button:focus-visible {outline:3px solid #a8d6ff;outline-offset:4px}
.budget-view .page-mascot .mascot-halo {
  inset:-4%;border:0;border-radius:0;box-shadow:none;
  background:transparent url("content/bento-planejamento-sustentavel-orcamentos-v2.webp?v=1") center/contain no-repeat;
  mask-image:radial-gradient(ellipse 50% 54% at 50% 51%,#000 69%,#000b 83%,transparent 100%);
}
.budget-view .page-mascot .mascot-blueprint,
.budget-view .page-mascot .mascot-orbit,
.budget-view .page-mascot .mascot-node {display:none}
.budget-view .page-mascot .mascot-ground {
  left:20%;right:20%;bottom:4%;height:7%;
  background:radial-gradient(ellipse,#03120b99,transparent 70%);filter:blur(4px);
}
.budget-view .mascot-stage:hover .mascot-halo {box-shadow:none}
.budget-view .page-mascot .mascot-badge {
  border-color:#c4d7a94d;color:#f5f7fb;
  background:linear-gradient(135deg,#233c35f2,#12282af0);box-shadow:0 12px 30px #0004,inset 0 1px #ffffff12;
}
.budget-view .page-mascot .mascot-badge-icon,.budget-view .page-mascot .mascot-name-mark {
  color:#f2dbb4;background:#c5d7ab17;
}

@media(max-width:1100px) {.budget-view .budget-layout {gap:24px}.budget-view .budget-controls,.budget-view .budget-summary {padding:22px}}
@media(max-width:740px) {.budget-view .page-mascot .mascot-badge-topic {top:0;left:0;max-width:44%}}
@media(max-width:560px) {
  .budget-view .budget-intro {padding-bottom:30px;margin-bottom:28px}
  .budget-view .budget-controls,.budget-view .budget-summary {padding:23px 18px}
  .budget-view .budget-choice {min-height:55px}
  .budget-view .budget-investment {padding:16px 14px 0}
  .budget-view .budget-attachment-upload {padding:14px}
  .budget-view .budget-attachment-upload input[type=file] {font-size:11px;padding:8px}
  .site-view.budget-view::before {background-size:max(100%,1000px) auto;opacity:.22}
}
@media(prefers-reduced-motion:reduce) {.budget-view .budget-choice {transition:none}}
@media(forced-colors:active) {
  .site-view.budget-view {background:Canvas;color:CanvasText}
  .site-view.budget-view::before,.budget-view .page-mascot .mascot-halo {display:none}
  .budget-view .budget-intro h1 {background:none;-webkit-text-fill-color:CanvasText}
  .budget-view .budget-controls,.budget-view .budget-summary,.budget-view .budget-result,.budget-view .budget-choice {background:Canvas;color:CanvasText;border-color:CanvasText}
  .budget-view .budget-choice:has(input:checked) {border:2px solid Highlight;color:Highlight}
  .budget-view .page-mascot .mascot-badge {background:Canvas;color:CanvasText;border-color:CanvasText}
}

/* Accommodate administrator-authored labels and longer confirmation copy. */
.budget-view #budget-form,.budget-view #resultado {scroll-margin-top:110px}
.budget-view .budget-step legend,.budget-view .budget-summary-title,.budget-view .budget-metrics,.budget-view .budget-contact,.budget-view .budget-result {overflow-wrap:anywhere}
.budget-view .budget-summary-title>span {display:flex;align-items:center;gap:8px;min-width:0}
.budget-view .budget-contact>h2 {line-height:1.4}