/* Visual solicitado: painel operacional da referência fornecida. */
:root{--navy:#092f50;--ink:#001c3a;--muted:#5d7184;--bg:#fbfdff;--line:#d2dce8;--teal:#009e95;--side:clamp(168px,12.5vw,210px);--head:clamp(74px,5.5vw,92px);--unit:clamp(.8px,.05981vw,1px)}
body.reference-layout{font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,.96vw,16px);background:linear-gradient(110deg,#f5f8fc,#fff 45%,#f7faff);color:#001b37}.top{height:var(--head);padding:0;gap:0;border:0;background:#082e4e;position:relative;overflow:hidden}.brand-photo{position:relative;width:calc(365 * var(--unit));height:100%;flex-shrink:0;overflow:hidden}.brand-photo img{position:absolute;left:0;top:0;width:calc(1672 * var(--unit));max-width:none;height:auto}.reference-title{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;gap:calc(6 * var(--unit));padding-left:calc(48 * var(--unit));white-space:nowrap}.reference-title strong{font:800 clamp(23px,2.4vw,40px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:.1px;color:#fff}.reference-title>span{font-weight:700;font-size:clamp(12px,1.2vw,20px);line-height:1.1;color:#9fb7cb;letter-spacing:.1px}.header-art{position:absolute;right:0;top:0;width:calc(300 * var(--unit));height:100%;overflow:hidden}.header-art img{width:calc(1672 * var(--unit));height:auto;max-width:none;position:absolute;right:0;top:0}.sidebar{width:var(--side);top:var(--head);padding:calc(29 * var(--unit)) calc(6 * var(--unit));border-right:1px solid #cdd9e5;background:linear-gradient(115deg,#f6f9fd,#edf3fa);bottom:0}.nav-label{display:none}.sidebar nav{gap:calc(6 * var(--unit))}.nav-btn{color:#06264b;font-family:Arial,sans-serif;font-size:clamp(16px,1.2vw,20px);font-weight:400;padding:calc(13 * var(--unit)) calc(15 * var(--unit));border-radius:7px;gap:calc(19 * var(--unit));height:calc(52 * var(--unit))}.nav-btn svg{width:calc(29 * var(--unit));height:calc(29 * var(--unit));stroke-width:2.1;flex-shrink:0}.nav-btn.active{font-weight:700;background:linear-gradient(120deg,#078893,#087480);box-shadow:inset 0 0 0 1px #12838e;color:#fff}.nav-btn[data-route="sources"]{font-size:clamp(12px,.9vw,15px);opacity:.7;margin-top:15px;height:30px}.nav-btn[data-route="sources"] svg{width:20px;height:20px}.mode-switch{margin-top:auto;padding:18px 9px 5px;border-top:1px solid #d9e3ec}.mode-switch p{font-size:9px;font-weight:700;letter-spacing:1px;color:#8096a8;margin:0 0 10px}.mode-option{display:block;width:100%;padding:9px 7px;background:transparent;border:1px solid transparent;border-radius:5px;text-align:left;color:#6f8595;font-size:11px;margin:3px 0}.mode-option.selected{background:#e1f1ef;border-color:#a8d7cf;color:#007e77;font-weight:700}.mode-option small{background:#fcebcf;color:#94641a;border-radius:3px;font-size:8px;margin-left:4px;padding:2px 4px}
main{margin-left:var(--side);max-width:none;padding:calc(10 * var(--unit)) calc(6 * var(--unit)) 20px calc(17 * var(--unit))}.page-heading{display:none}.filters{height:calc(55 * var(--unit));display:grid;grid-template-columns:1.07fr 1fr 1.12fr;padding:calc(8 * var(--unit)) calc(20 * var(--unit));border:1px solid #cfdce9;border-radius:12px;background:linear-gradient(#fff,#eef3fa);margin-bottom:calc(15 * var(--unit));gap:calc(32 * var(--unit));box-shadow:0 1px 2px #183c6214}.filters label{display:flex;flex-direction:row;align-items:center;gap:calc(19 * var(--unit));font-family:Arial,sans-serif;font-size:clamp(14px,1.1vw,18px);letter-spacing:0;color:#001e38;font-weight:700}.filter-label{display:flex;gap:calc(15 * var(--unit));align-items:center;white-space:nowrap}.filter-label svg{width:calc(30 * var(--unit));height:calc(30 * var(--unit));stroke-width:2.4;flex-shrink:0}.filters select{border:1px solid #bacadb;border-radius:6px;background:#fff;box-shadow:0 1px 2px #16436720;font-family:Arial,sans-serif;font-size:clamp(14px,1.08vw,18px);font-weight:400;padding:calc(7 * var(--unit)) calc(12 * var(--unit));height:calc(37 * var(--unit));min-height:30px;color:#101728}.filters label+label{border:0;padding:0}.filters label:nth-child(4),.filters .reset{display:none}.branch-grid{gap:calc(22 * var(--unit));margin-bottom:calc(18 * var(--unit))}.branch-card{border:1px solid #b8cadf;border-radius:12px;background:linear-gradient(#fff,#fcfdff);box-shadow:0 1px 2px #143d6025;min-height:calc(174 * var(--unit))}.branch-name{background:linear-gradient(100deg,#0a345b,#1b496c);font:800 clamp(14px,1.2vw,20px)/1.2 Arial,sans-serif;letter-spacing:0;padding:calc(8 * var(--unit)) calc(18 * var(--unit));gap:calc(15 * var(--unit));height:calc(38 * var(--unit))}.branch-name svg{width:calc(24 * var(--unit));height:calc(24 * var(--unit));color:#fff;stroke-width:2.7}.branch-stats{padding:calc(12 * var(--unit)) calc(20 * var(--unit)) calc(7 * var(--unit));gap:calc(12 * var(--unit));grid-template-columns:1fr 1fr .96fr}.branch-stats>div{display:flex;gap:calc(12 * var(--unit));min-width:0}.branch-stats>div+div{border-left:1px solid #bdcbd9;padding-left:calc(17 * var(--unit))}.stat-symbol{width:calc(27 * var(--unit));height:calc(27 * var(--unit));flex-shrink:0;margin-top:1px;color:var(--teal)}.stat-symbol.done{color:green}.stat-symbol.pending{color:#ce0909}.stat-symbol svg{width:100%;height:100%;stroke-width:2.2}.stat-label{font-size:clamp(10px,.9vw,15px);color:#00152c;font-weight:700;line-height:1.2}.stat-num{font:800 clamp(22px,1.72vw,29px)/1.4 Arial,sans-serif;color:#00182f}.stat-num.red{color:#ba0000}.branch-progress{padding:calc(0 * var(--unit)) calc(23 * var(--unit)) calc(14 * var(--unit));gap:calc(5 * var(--unit));display:grid;grid-template-columns:1fr auto;align-items:center}.branch-progress .completion-label{grid-column:1/3;font-size:clamp(11px,.96vw,16px);font-weight:700;color:#002340}.branch-progress .progress{height:calc(17 * var(--unit));min-height:12px;grid-column:1;width:100%;background:linear-gradient(#dce4ed,#cbd7e2)}.branch-progress .progress i{background:linear-gradient(90deg,#06b5a3,#01958f)}.branch-progress .completion-value{font-size:clamp(12px,.96vw,16px);font-weight:400;color:#00142a;min-width:calc(38 * var(--unit));text-align:right}.real-scope{font-size:10px;color:#6d8192;padding:7px 1px 9px;margin-top:-12px;line-height:1.5}.reference-board{border:1px solid #cfdaea;border-radius:13px;padding:0 calc(12 * var(--unit)) calc(12 * var(--unit));background:linear-gradient(#fff,#fdfefe);overflow:hidden}.reference-band{display:flex;align-items:center;gap:calc(17 * var(--unit));background:linear-gradient(110deg,#093459,#07335a);font:800 clamp(17px,1.37vw,23px)/1.2 Arial,sans-serif;color:#fff;padding:calc(8 * var(--unit)) calc(20 * var(--unit));height:calc(40 * var(--unit));margin:0 calc(-12 * var(--unit)) calc(10 * var(--unit));border-radius:11px 11px 8px 8px}.reference-band svg{width:calc(30 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0;stroke-width:2.2}.reference-band .band-note{margin-left:auto;font-size:10px;font-weight:400;color:#a9c6d9;letter-spacing:0}.board{gap:calc(21 * var(--unit));grid-template-columns:repeat(4,minmax(0,1fr))}.lane,.lane.green,.lane.teal,.lane.amber{background:none;padding:0;min-width:0}.lane-head{font-family:Arial,sans-serif;font-size:clamp(11px,1vw,17px);font-weight:800;letter-spacing:0;padding:calc(6 * var(--unit)) calc(12 * var(--unit));height:calc(42 * var(--unit));min-height:34px;margin-bottom:calc(7 * var(--unit));border-radius:8px;color:#001c46;background:linear-gradient(#e6f4ff,#cce4f5);gap:8px;white-space:nowrap}.lane-head svg{width:calc(27 * var(--unit));height:calc(27 * var(--unit));flex-shrink:0;stroke-width:2.2;color:#176f9e}.lane-head .lane-title{display:flex;align-items:center;gap:calc(13 * var(--unit));min-width:0}.lane-head .count{margin-left:auto;font:700 clamp(12px,1vw,17px) Arial,sans-serif;background:linear-gradient(#3c8eb8,#14699e);color:#fff;border-radius:13px;min-width:calc(39 * var(--unit));padding:calc(3 * var(--unit)) calc(11 * var(--unit));line-height:1}.lane.teal .lane-head{background:linear-gradient(#e3fff9,#c1f8ee)}.lane.teal .lane-head svg{color:#008a83}.lane.teal .count{background:linear-gradient(#0eb8a5,#008c7e);color:#fff}.lane.amber .lane-head{background:linear-gradient(#fff7ed,#ffe5cc);color:#8b450b}.lane.amber .lane-head svg{color:#a35b00}.lane.amber .count{background:linear-gradient(#ffae53,#e77c13);color:#fff}.lane.green .lane-head{background:linear-gradient(#e5ffe9,#cdf4d9)}.lane.green .lane-head svg{color:#008d22}.lane.green .count{background:linear-gradient(#61c56b,#31ad47);color:#fff}.service-card{font-family:Arial,sans-serif;padding:calc(7 * var(--unit)) calc(14 * var(--unit));min-height:calc(104 * var(--unit));height:calc(104 * var(--unit));border:1px solid #c9d6e6;border-left:calc(5 * var(--unit)) solid #2599ca;border-radius:8px;margin-bottom:calc(8 * var(--unit));background:linear-gradient(110deg,#fff,#f9fbff);box-shadow:0 1px 1px #204b7210}.lane.teal .service-card{border-left-color:#00c2a0}.lane.amber .service-card{border-left-color:#ee9113}.lane.green .service-card{border-left-color:#6ab97a}.card-top{margin-bottom:calc(4 * var(--unit))}.card-top b{font:800 clamp(12px,1.02vw,17px)/1.2 Arial,sans-serif;color:#050d23;letter-spacing:-.2px}.photo-line{display:flex;align-items:center;gap:calc(10 * var(--unit));font-size:clamp(10px,.88vw,15px);line-height:1.6;color:#071222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-line svg{width:calc(17 * var(--unit));height:calc(17 * var(--unit));flex-shrink:0;stroke-width:2}.photo-line span{overflow:hidden;text-overflow:ellipsis}.stage-state{font-size:8px;color:#8298a8;margin-left:auto;flex-shrink:0}.evaluation-card .photo-line{line-height:1.45}.evaluation-tags{display:grid;grid-template-columns:1fr 1fr;gap:calc(15 * var(--unit));margin-top:calc(5 * var(--unit))}.evaluation-tag{display:flex;align-items:center;gap:calc(7 * var(--unit));padding:calc(6 * var(--unit));font-size:clamp(8px,.71vw,12px);line-height:1.2;background:linear-gradient(110deg,#e7f9e8,#e0f6e7);color:#024608;border-radius:7px;min-height:calc(41 * var(--unit));font-weight:700;overflow:hidden}.evaluation-tag svg{width:calc(23 * var(--unit));height:calc(23 * var(--unit));flex-shrink:0;stroke-width:2.3}.evaluation-tag.warn{background:#fff0df;color:#8f3800}.evaluation-tag.bad{background:#fce0e4;color:#a20000}.evaluation-tag.neutral{background:#edf0f4;color:#64788c}.evaluation-tag small{font-size:.9em;display:block}.empty-lane{height:calc(216 * var(--unit));border:1px dashed #d6e1ed;border-radius:8px;display:flex;flex-direction:column;justify-content:center;font-size:clamp(10px,.84vw,14px);padding:14px;line-height:1.9;color:#7891a4;background:#fbfdff}.lane-more{font-size:10px;margin-top:1px;padding:4px;line-height:1.3;color:#6085a0}.reference-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:calc(19 * var(--unit));border-top:2px solid #d9e2ec;padding-top:calc(13 * var(--unit));margin-top:calc(20 * var(--unit))}.reference-bottom .panel{border-radius:11px;border:1px solid #cdd9e8;background:#fff;box-shadow:0 1px 2px #173b601a}.reference-bottom .reference-band{margin:0;border-radius:10px 10px 0 0;height:calc(38 * var(--unit));padding:calc(7 * var(--unit)) calc(20 * var(--unit));font-size:clamp(16px,1.3vw,22px)}.reference-bottom .reference-band svg{width:calc(29 * var(--unit));height:calc(29 * var(--unit))}.ref-priority{padding:calc(6 * var(--unit)) 0 calc(10 * var(--unit))}.ref-priority th{background:linear-gradient(#e1eaf5,#cfdae8);font-size:clamp(11px,.96vw,16px);font-weight:700;color:#07192d;letter-spacing:0;padding:calc(5 * var(--unit)) calc(20 * var(--unit));line-height:1.15}.ref-priority td{font-size:clamp(10px,.9vw,15px);padding:calc(7 * var(--unit)) calc(17 * var(--unit));border-bottom:1px solid #dce5ee;line-height:1.2;white-space:nowrap}.ref-priority td b{font-size:inherit;font-weight:700}.ref-priority td:first-child svg{width:calc(20 * var(--unit));height:calc(20 * var(--unit));vertical-align:middle;margin-right:calc(10 * var(--unit));stroke-width:2.2}.ref-priority td:last-child{text-align:center}.due-tag{background:#ffdfb1;border-radius:12px;padding:calc(4 * var(--unit)) calc(12 * var(--unit));color:#9d5600;font-weight:700;display:inline-block;font-size:clamp(10px,.9vw,15px)}.due-tag.bad{background:#ffcbd0;color:#ac0000}.due-tag.neutral{background:#edf1f5;color:#8193a0}.delay-list{padding:calc(5 * var(--unit)) calc(13 * var(--unit)) calc(10 * var(--unit))}.delay-row{display:grid;grid-template-columns:calc(32 * var(--unit)) calc(115 * var(--unit)) 1fr calc(75 * var(--unit));align-items:center;gap:calc(8 * var(--unit));padding:calc(13 * var(--unit)) 0;border-bottom:1px solid #dce5ee;font-size:clamp(11px,1vw,17px)}.delay-row:last-child{border:0}.delay-row>svg{width:calc(25 * var(--unit));height:calc(25 * var(--unit));stroke-width:2}.delay-row>span{white-space:nowrap}.delay-row .bar-track{height:calc(17 * var(--unit));min-height:12px;background:linear-gradient(#d8e3ee,#c7d4e3)}.delay-row .bar-track i{background:linear-gradient(90deg,#d65355,#c52424);border-radius:20px}.delay-row:nth-child(2) .bar-track i{background:linear-gradient(90deg,#ff9709,#ed7800)}.delay-row:nth-child(3) .bar-track i{background:linear-gradient(90deg,#04b6a8,#00998e)}.delay-row b{font-size:clamp(11px,.96vw,16px);white-space:nowrap;text-align:right}.delay-note{font-size:9px;color:#8294a1;line-height:1.5;margin:0;padding:0 15px 10px}.reference-bottom .empty{padding:25px 15px;font-size:12px}.reference-layout footer{font-size:9px;margin-top:16px;padding-top:10px}.reference-layout .notice{margin-bottom:15px}.reference-layout .full-panel{margin-top:10px}.reference-layout th{font-size:11px}.reference-layout td{font-size:12px}.reference-layout td b{font-size:12px}.reference-layout td small{font-size:10px}.reference-layout .chip{font-size:10px}.reference-layout .results-line{font-size:12px}.reference-layout .source-card p{font-size:12px}.reference-layout .metrics-strip{margin-top:15px}.reference-layout .dialog-head h2{font-family:Arial,sans-serif}.reference-layout .data-item div{font-size:13px}.reference-layout .data-item small{font-size:10px}.reference-layout .detail-section p{font-size:12px}
.ref-priority table{table-layout:fixed}.ref-priority th:nth-child(1){width:35%}.ref-priority th:nth-child(2){width:31%}.ref-priority th:nth-child(3){width:17%}.ref-priority th:nth-child(4){width:17%}.ref-priority td{overflow:hidden;text-overflow:ellipsis}.ref-priority td:last-child{overflow:visible;padding-left:5px;padding-right:9px}.evaluation-tags{gap:calc(10 * var(--unit))}.evaluation-tag{height:calc(41 * var(--unit));min-height:0;padding:calc(5 * var(--unit))}.evaluation-tag>span{min-width:0}.evaluation-tag small{line-height:1.05}.delay-row{grid-template-columns:calc(29 * var(--unit)) minmax(0,1fr) minmax(65px,1.4fr) calc(75 * var(--unit))}.delay-row>span:nth-child(2){white-space:normal;line-height:1.2}.service-card.evaluation-card{overflow:hidden}
@media(min-width:1800px){.reference-title strong{font-size:40px}.reference-title>span{font-size:20px}}
@media(max-width:1200px) and (min-width:901px){.reference-title{padding-left:25px}.reference-title strong{font-size:27px}.reference-title>span{font-size:13px}.header-art{width:150px}.brand-photo{width:270px}.lane-head{font-size:10px}.lane-head .lane-title{gap:6px}.lane-head svg{width:20px}.evaluation-tags{gap:6px}.branch-stats{padding-left:12px;padding-right:12px;gap:5px}.branch-stats>div{gap:6px}.branch-stats>div+div{padding-left:8px}.stat-label{font-size:10px}.stat-symbol{width:20px;height:20px}}
@media(max-width:900px){:root{--side:145px;--head:74px}.top{position:relative}.brand-photo{width:235px}.brand-photo img{width:1340px;left:-12px;top:0}.reference-title{padding-left:14px;white-space:normal}.reference-title strong{font-size:22px;max-width:480px;line-height:1.15}.reference-title>span{font-size:10px;margin-top:4px}.header-art{display:none}.sidebar{width:var(--side);top:var(--head);padding:20px 6px}.sidebar .nav-btn span{display:block}.sidebar .nav-btn{justify-content:flex-start;padding:10px 7px;gap:9px;font-size:13px}.sidebar .nav-btn svg{width:20px;height:20px}.sidebar nav{flex-direction:column}.nav-btn[data-route="sources"]{font-size:12px}.mode-switch{padding:12px 3px}.mode-option{font-size:10px}.filters{height:auto;min-height:50px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:10px}.filters label{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;grid-row:auto!important;grid-column:auto!important;border:0!important;padding:0!important}.filter-label{gap:6px}.filter-label svg{width:17px;height:17px}.filters select{height:30px;font-size:12px;padding:4px 6px}.branch-grid{grid-template-columns:1fr;gap:12px}.branch-card{min-height:145px}.branch-name{font-size:16px;height:32px}.branch-stats{padding:10px 18px 6px}.branch-stats>div{gap:10px}.branch-stats>div+div{padding-left:20px}.stat-label{font-size:12px}.stat-symbol{width:25px;height:25px}.stat-num{font-size:25px}.branch-progress{padding:0 20px 12px}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reference-band{font-size:18px}.reference-band .band-note{font-size:8px}.lane-head{font-size:12px;height:35px}.lane-head svg{width:21px;height:21px}.service-card{height:110px;padding:8px 10px;min-height:110px}.card-top b{font-size:13px}.photo-line{font-size:11px;line-height:1.7}.photo-line svg{width:15px;height:15px}.evaluation-tag{font-size:9px;min-height:37px}.evaluation-tag svg{width:18px;height:18px}.reference-bottom{grid-template-columns:1fr;gap:18px}.reference-bottom .reference-band{font-size:18px;height:36px}.delay-row{grid-template-columns:25px 125px 1fr 65px;font-size:14px}.delay-row b{font-size:13px}.ref-priority td,.ref-priority th{font-size:12px}.due-tag{font-size:11px}}
@media(max-width:600px){:root{--side:0px;--head:74px}.top{height:74px}.brand-photo{width:155px}.brand-photo img{width:1000px;top:7px;left:-13px}.reference-title{padding-left:9px}.reference-title strong{font-size:17px;line-height:1.2;max-width:225px}.reference-title>span{font-size:8px;max-width:220px;line-height:1.5}.sidebar{position:relative;top:0;width:100%;padding:8px 6px;border-right:0;border-bottom:1px solid #cdd9e5}.sidebar nav{flex-direction:row;overflow-x:auto;gap:4px}.sidebar .nav-btn{width:auto;flex:0 0 auto;font-size:11px;height:36px;gap:6px;padding:7px 9px}.sidebar .nav-btn svg{width:17px;height:17px}.nav-btn[data-route="sources"]{margin-top:0!important}.mode-switch{display:flex;align-items:center;gap:5px;border:0;padding:3px 3px 0;margin:0}.mode-switch p{margin:0 6px 0 0;font-size:7px}.mode-option{width:auto;padding:4px 6px;font-size:9px;margin:0}.mode-option small{font-size:7px}.sidebar .nav-btn span{display:block}main{padding:9px 8px 18px;margin-left:0}.filters{padding:10px;grid-template-columns:1fr 1fr;gap:10px}.filters label:nth-child(3){grid-column:1/3!important;flex-direction:row;align-items:center}.filters label:nth-child(3) select{flex:1}.filter-label{font-size:11px}.filters select{font-size:12px}.branch-name{font-size:16px}.branch-stats{padding:12px 14px 8px;gap:7px}.branch-stats>div{gap:8px}.branch-stats>div+div{padding-left:12px}.stat-label{font-size:11px}.stat-num{font-size:25px}.branch-progress .completion-label{font-size:12px}.branch-progress .completion-value{font-size:12px}.board{gap:10px}.reference-band{height:auto;min-height:35px;font-size:16px;gap:10px;padding:8px 12px}.reference-band>svg{width:23px;height:23px}.reference-band .band-note{display:none}.lane-head{padding:6px;gap:4px;font-size:9px}.lane-head .lane-title{gap:5px}.lane-head svg{width:17px;height:17px}.lane-head .count{min-width:20px;padding:3px 6px;font-size:11px}.card-top b{font-size:11px}.photo-line{font-size:10px;gap:5px}.photo-line svg{width:13px;height:13px}.service-card{height:108px;min-height:108px;padding:8px 7px;border-left-width:3px}.evaluation-tags{gap:4px;grid-template-columns:1fr;margin-top:3px}.evaluation-tag{min-height:20px;padding:3px;font-size:8px;gap:4px}.evaluation-tag svg{width:13px;height:13px}.evaluation-tag small{display:inline;margin-right:3px}.evaluation-card{height:108px}.evaluation-card .photo-line{font-size:9px}.reference-bottom .reference-band{font-size:16px}.ref-priority th,.ref-priority td{padding:7px 9px;font-size:10px}.ref-priority td:first-child svg{width:13px;height:13px;margin-right:4px}.due-tag{font-size:10px;padding:3px 6px}.delay-row{grid-template-columns:23px 100px 1fr 65px;font-size:12px}.delay-row b{font-size:12px}.delay-row .bar-track{height:13px}.reference-layout footer{font-size:8px}.source-grid{grid-template-columns:1fr}}
.mode-switch #export{border:0;background:transparent;color:#748b9c;font-size:10px;margin-top:7px;padding:7px;gap:8px;box-shadow:none}.mode-switch #export:hover{color:#007e77;background:#e5f2f0}.ref-priority td:last-child .due-tag{max-width:100%;white-space:nowrap}
@media(max-width:600px){.mode-switch #export{font-size:8px;margin:0;padding:4px;gap:4px;margin-left:auto}.evaluation-tag{height:auto;min-height:20px;padding:3px}}
.reference-layout .brand-photo{display:flex;align-items:center;justify-content:center;overflow:visible;border-right:1px solid #d9e7f3;height:70%;padding:0 calc(24 * var(--unit));text-decoration:none}.reference-layout .logo-plate{display:flex;align-items:center;justify-content:center;width:calc(282 * var(--unit));height:calc(70 * var(--unit));max-width:100%;max-height:100%;background:#fff;border-radius:5px;padding:calc(8 * var(--unit)) calc(14 * var(--unit));box-shadow:0 1px 3px #001b3433}.reference-layout .brand-photo img{position:static;width:100%;height:auto;max-width:246px;max-height:100%;object-fit:contain;display:block}
@media(max-width:900px){.reference-layout .brand-photo{width:235px;flex-shrink:0;padding:0 15px}.reference-layout .logo-plate{width:205px;height:49px;padding:7px 11px}.reference-layout .brand-photo img{position:static;width:100%;height:auto}}
@media(max-width:600px){.reference-layout .brand-photo{width:155px;padding:0 9px}.reference-layout .logo-plate{width:137px;height:43px;padding:7px 9px}.reference-layout .brand-photo img{position:static;width:100%;height:auto;max-width:100%}}
@media print{.top{display:flex}.sidebar,.filters,.mode-switch{display:none}main{padding:10px;margin:0}.branch-grid{grid-template-columns:repeat(3,1fr)}.board{grid-template-columns:repeat(4,1fr)}.reference-bottom{grid-template-columns:1.5fr 1fr}.service-card{break-inside:avoid}}

/* Cabeçalho alinhado ao fundo branco do logo. */
.reference-layout .top{background:#fff}.reference-layout .reference-title strong{color:#444}.reference-layout .reference-title>span{color:#62686d}.reference-layout .header-art{display:none}.reference-layout .logo-plate{box-shadow:none}

.reference-layout .header-art{display:flex;align-items:center;justify-content:center;width:230px;height:100%;right:12px;pointer-events:none}.reference-layout .header-art picture{display:block;height:100%}.reference-layout .header-art img{position:static;width:auto;height:100%;max-width:230px;object-fit:contain}.reference-layout .reference-title{max-width:calc(100% - 255px - 365 * var(--unit))}.reference-layout .reference-title strong{font-size:clamp(20px,2.15vw,36px)}
@media(max-width:1200px){.reference-layout .header-art{width:150px;right:5px}.reference-layout .header-art img{max-width:150px}.reference-layout .reference-title{max-width:none}.reference-layout .reference-title strong{font-size:23px}.reference-layout .reference-title>span{font-size:11px}}
@media(max-width:900px){.reference-layout .header-art{display:none}.reference-layout .reference-title strong{font-size:22px}}
@media(max-width:600px){.reference-layout .reference-title strong{font-size:17px}.reference-layout .reference-title>span{font-size:8px}}

/* Mais destaque para a animação, com espaço próprio no cabeçalho. */
@media(min-width:901px){
:root{--head:clamp(110px,8vw,132px)}
.reference-layout .header-art{width:270px;right:12px;overflow:hidden}
.reference-layout .header-art picture{height:100%;display:flex;align-items:center;justify-content:center}
.reference-layout .header-art img{height:110%;width:auto;max-width:none;object-fit:contain;flex-shrink:0}
.reference-layout .reference-title{max-width:calc(100% - 295px - 365 * var(--unit))}
}
@media(min-width:901px) and (max-width:1200px){
.reference-layout .header-art{width:210px;right:4px}
.reference-layout .reference-title{padding-left:20px;white-space:normal;max-width:calc(100% - 500px)}
.reference-layout .reference-title strong{font-size:23px}
.reference-layout .reference-title>span{font-size:10px}
}

/* Cena completa de máquinas e equipe dos hortos. */
@media(min-width:901px){
:root{--head:clamp(125px,10vw,158px)}
.reference-layout .header-art{width:clamp(310px,33vw,520px);right:12px;height:100%;overflow:hidden}
.reference-layout .header-art picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.reference-layout .header-art img{width:100%;height:100%;max-width:100%;object-fit:contain;flex-shrink:1}
.reference-layout .reference-title{white-space:normal;max-width:calc(100% - clamp(310px,33vw,520px) - 365 * var(--unit) - 24px);padding-left:clamp(16px,2vw,32px)}
.reference-layout .reference-title strong{font-size:clamp(23px,2.15vw,36px);line-height:1.15}
.reference-layout .reference-title>span{font-size:clamp(10px,1vw,16px);line-height:1.4}
}
@media(min-width:901px) and (max-width:1200px){
.reference-layout .brand-photo{width:235px}
.reference-layout .reference-title{max-width:calc(100% - 33vw - 259px)}
.reference-layout .reference-title strong{font-size:23px}
}

/* Transição suave da paisagem para o branco, sem bordas abruptas. */
.reference-layout .header-art picture{box-sizing:border-box;padding:0 6px}
.reference-layout .header-art img{
-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
}

/* Vinheta redesenhada com árvores e terreno inteiros nas extremidades. */
.reference-layout .header-art img{-webkit-mask-image:none;mask-image:none}
.reference-layout .header-art picture{padding:0}

/* Cena ampliada até a região do nome Machado no painel. */
@media(min-width:901px){
:root{--head:clamp(164px,15vw,235px)}
.reference-layout .header-art{width:46vw;max-width:760px;right:12px}
.reference-layout .reference-title{max-width:calc(100% - min(46vw,760px) - 365 * var(--unit) - 24px);padding-left:clamp(12px,1.5vw,24px)}
.reference-layout .reference-title strong{font-size:clamp(23px,2vw,34px)}
}
@media(min-width:901px) and (max-width:1200px){
.reference-layout .brand-photo{width:215px}
.reference-layout .reference-title{max-width:calc(100% - 46vw - 239px);padding-left:16px}
.reference-layout .reference-title strong{font-size:22px}
}

/* Base da ilustração encostada no limite inferior do cabeçalho. */
@media(min-width:901px){
.reference-layout .top{border-bottom:1px solid #d2dce8}
.reference-layout .header-art{top:auto;bottom:0}
.reference-layout .header-art picture{align-items:flex-end}
.reference-layout .header-art img{width:100%;height:auto;max-height:none;object-fit:contain;transform:translateY(14%)}
}

/* Margem e quebra de linha do título em telas estreitas. */
@media(max-width:900px){
.reference-layout .reference-title{flex:1 1 0;min-width:0;max-width:none;padding-right:20px}
.reference-layout .reference-title strong,.reference-layout .reference-title>span{max-width:100%;white-space:normal}
}
@media(max-width:600px){
.reference-layout .top{height:auto;min-height:88px;padding:12px 0;align-items:center}
.reference-layout .brand-photo{width:clamp(120px,36vw,155px);height:54px;flex:0 0 clamp(120px,36vw,155px)}
.reference-layout .reference-title{height:auto;padding:0 16px;gap:8px}
.reference-layout .reference-title strong{font-size:clamp(15px,4.15vw,17px);line-height:1.22;overflow-wrap:normal}
.reference-layout .reference-title>span{font-size:8px;line-height:1.45;overflow-wrap:normal;margin-top:0}
}

.mode-switch #install-app{border:1px solid #a8d7cf;background:#e7f5f0;color:#007c74;font-weight:700;margin-bottom:7px}
.mode-switch #install-app[hidden]{display:none}
#install-instructions{font-size:15px;line-height:1.8;margin:22px 0;color:#23485f}
.install-note{font-size:12px;line-height:1.7;color:#748492;border-top:1px solid #e4ebef;padding-top:15px}
@media(max-width:600px){.mode-switch{flex-wrap:wrap;row-gap:7px}.mode-switch #install-app{margin-bottom:0}.mode-switch #export{margin-left:0}}