/* Orçamento VIP: supplied artwork, charcoal, warm gold and white. */
:root{--gold:#d4a13b;--gold-light:#f5dfad;--charcoal:#151a20}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:106px;border-bottom:2px solid #e9dcc0;padding-left:27px;background:#fff}
.brand{display:block;flex-shrink:0}
.brand-logo{display:block;width:245px;height:98px;overflow:hidden;position:relative}
.brand-logo img{display:block;position:absolute;width:261px;height:174px;max-width:none;left:-13px;top:-36px}
.layout{min-height:calc(100vh - 106px)}
.sidebar{background:var(--charcoal);border:0;color:#f2f0e9;padding-top:38px}
.sidebar>.eyebrow{color:#bfa16b;font-size:9px;letter-spacing:1.4px}
.step-link{color:#bfc1c5;min-height:52px}
.step-link .num{border-color:#42464b;color:#aaaeb4;background:transparent}
.step-link.active{background:#30291d;color:#f6d68d;box-shadow:inset 3px 0 0 var(--gold)}
.step-link.active .num{background:var(--gold);color:var(--charcoal);border-color:var(--gold)}
.step-link.done{color:#e0ded7}
.step-link.done .num{background:#34302a;color:#e3bd68}
.step-link:hover{background:#22272d}
.step-link.active:hover{background:#30291d}
.side-note{border-color:#373a40;padding-top:23px;align-items:flex-start;margin-top:43px}
.side-note strong{font-size:12px;color:#e9deca}
.side-note p{color:#a8a9ad;font-size:11px}
.brand-seal{display:block;flex-shrink:0;width:43px;height:43px;border-radius:50%;object-fit:cover;border:1px solid #9c7428}
.sidebar .clear-data{color:#a7a7aa}
.sidebar .clear-data:hover{color:#f5d589}
.main-head .eyebrow{color:#977025}
.draft-badge{background:#fbf5e7;color:#836624;border-color:#e8d6ac}
.profession-card{box-shadow:0 2px 5px #151a2003}
.profession-card:hover{border-color:#c8ac69;box-shadow:0 4px 14px #9d7a2410}
.profession-card .icon{color:#967026;background:#fbf1d9}
.profession-card.selected{border-color:#a47c2b;box-shadow:inset 0 0 0 1px #a47c2b;background:#fffaf0}
.profession-card.selected .card-check{background:var(--gold);border-color:var(--gold);color:var(--charcoal)}
.primary{border-color:#a57c27;box-shadow:0 2px 3px #151a200b}
.primary:hover:not(:disabled){background:#2b2a25;border-color:var(--gold)}
.secondary:hover:not(:disabled){background:#fbf5e7;border-color:#cdb779}
.summary-card{border-top:3px solid var(--gold)}
.summary-total{background:var(--charcoal);border:1px solid #292d33}
.summary-total span{color:#d7be88}
.summary-total strong{color:#f5d58e}
.summary-footer span{border:1px solid #ece1c8;background:#faf6eb;color:#8c7139}
.save-status{color:#77776f}
.save-status:before{background:#bf933d}
.doc-icon{background:#f8efdb;color:#9b7325}
.swatch-preview{background:#faf8f2}
.whatsapp{background:#2c6843;border-color:#2c6843}
.whatsapp:hover:not(:disabled){background:#275d3b;border-color:#2c6843}
.preview-pages{background:#eceae4}
dialog::backdrop{background:#151a2070}
@media(min-width:1550px){.brand-logo{width:261px;height:100px}.brand-logo img{width:278px;height:185px;left:-14px;top:-39px}}
@media(max-width:1200px){.topbar{padding-left:24px}.sidebar{padding-top:35px}.layout{min-height:calc(100vh - 106px)}}
@media(max-width:760px){.topbar{height:86px;padding:0 16px 0 10px;border-bottom-width:1px}.brand-logo{width:178px;height:70px}.brand-logo img{width:190px;height:127px;left:-10px;top:-26px}.layout{min-height:calc(100vh - 86px)}.topbar .quiet{font-size:11px;padding:10px 4px}.main-head .eyebrow{letter-spacing:1.5px}.mobile-progress div{background:linear-gradient(90deg,#8e6823,#d4a13b)}}
@media(max-width:370px){.brand-logo{width:154px;height:61px}.brand-logo img{width:165px;height:110px;left:-9px;top:-23px}.topbar .quiet{font-size:10px}.profession-card{padding-left:12px;padding-right:12px}}

/* Examples are guidance only; actual values keep the regular text contrast. */
.field input::placeholder,.field textarea::placeholder{color:#a1a5ac;opacity:1;font-weight:400}
.field input:focus::placeholder,.field textarea:focus::placeholder{color:transparent}
.field select[data-empty="true"]{color:#a1a5ac}
.field select option{color:var(--ink)}
.field select option[value=""]{color:#a1a5ac}
.field .field-example{color:#999da4;font-weight:400;line-height:1.5}
