/* Shared geometry: scaled by the screen itself, including the embedded preview. */
.layout-picker{border:0;padding:0;margin:28px 0;color:#eaf1ff;min-width:0}
.layout-picker legend{font-size:20px;font-weight:750;padding:0}
.layout-picker p{color:#a9bdd9;font-size:14px;line-height:1.5}
.layout-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.layout-option{display:grid!important;grid-template-columns:auto 100px 1fr;align-items:center;gap:16px;padding:18px;border:1px solid #3b4b66;border-radius:12px;background:#101b2f;cursor:pointer;margin:0!important}
.layout-option:has(input:checked){background:#1b3150;border-color:#8cbaff;box-shadow:inset 0 0 0 1px #8cbaff}
.layout-option input{accent-color:#8cbaff;width:18px;height:18px}
.layout-option strong,.layout-option small{display:block;line-height:1.45}
.layout-option small{color:#b5c6df;font-size:12px;margin-top:5px}
.layout-sketch{display:grid;width:100px;aspect-ratio:16/9;grid-template-columns:72% 28%;grid-template-rows:80% 20%;overflow:hidden;background:#0b1020}
.layout-sketch i:first-child{background:#abc9ef}.layout-sketch i:nth-child(2){background:#526e9d}.layout-sketch i:last-child{background:#0782b1;grid-column:1/-1}
.separated-sketch{gap:4px;padding:4px;box-sizing:border-box;grid-template-columns:70% 26%}.separated-sketch i{border-radius:3px}
.footer-tone-label{display:flex!important;align-items:center;gap:16px;font-size:14px;margin-top:18px!important}.footer-tone-label select{background:#0b1324;color:#eaf1ff;border:1px solid #526583;border-radius:8px;padding:9px 14px;font:inherit}
.footer-tone-label[hidden]{display:none!important}.layout-hint{font-size:12px!important}
.editor button.secondary{background:#1d2e49;color:#e9f2ff;border:1px solid #526583}.editor-dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),.editor-dialog select{width:100%;box-sizing:border-box}.editor-dialog .row input{width:auto!important}
.screen-footer{display:contents}
.tv-simulator .screen-footer>.weather-row{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;min-height:0}
.screen-footer>[hidden]{display:none!important}
:is(.tv,.tv-simulator){container-type:inline-size}
:is(.tv,.tv-simulator)[data-layout=integrated]{padding:0;gap:0;border-radius:0;grid-template-columns:minmax(0,1fr) 27%;grid-template-rows:minmax(0,1fr) 17%;grid-template-areas:"main side" "footer footer";overflow:hidden}
[data-layout=integrated] :is(.hero,.sim-main){grid-area:main;border-radius:0;min-height:0}
[data-layout=integrated] :is(.side,.sim-side){grid-area:side;border-radius:0;min-height:0}
[data-layout=integrated] :is(.creative,.hero-media,.creative-media,.sim-main-stage){border-radius:0;background:#0c1725}
[data-layout=integrated] :is(.hero-media img,.hero-media video,.creative-media img,.creative-media video,.sim-side-preview,.sim-media-preview){object-fit:contain;background:#0c1725}
[data-layout=integrated] .screen-footer{--footer-ink:#fff;--footer-muted:#d7edf7;position:relative;grid-area:footer;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;background:#087fa9;color:var(--footer-ink);padding:0 2cqw;gap:2cqw;min-height:0}
[data-layout=integrated][data-footer-tone=light] .screen-footer{--footer-ink:#152c45;--footer-muted:#4b647b;background:#f5f8fb}
[data-layout=integrated] .screen-footer :is(.news,.sim-news){grid-area:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.45cqw;min-width:0;padding:0;border-radius:0;background:none;color:var(--footer-ink);overflow:hidden}
[data-layout=integrated] :is(.news-tag,.sim-news>span:first-child){font-size:.85cqw;font-weight:800;letter-spacing:.12em;color:var(--footer-muted)}
[data-layout=integrated] :is(.news-text,#sim-news-text){flex:0;width:100%;text-align:left;min-width:0}
[data-layout=integrated] :is(.news-text strong,#sim-news-text){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:1.45cqw;font-weight:700;line-height:1.35;color:var(--footer-ink);overflow:hidden}
[data-layout=integrated] :is(#news-source,#sim-news-source){position:absolute;right:2cqw;bottom:1cqw;max-width:19cqw;font-size:.78cqw!important;line-height:1.2!important;max-height:2.4em;color:var(--footer-muted)!important;text-align:right}
[data-layout=integrated] .screen-footer>.weather-row{grid-area:auto;grid-template-columns:minmax(0,1fr) auto;gap:1.4cqw;align-items:center;min-width:0}
[data-layout=integrated] .screen-footer :is(.weather,.sim-weather){display:grid;grid-template-columns:auto 1fr;gap:.6cqw .8cqw;align-content:center;background:transparent!important;color:var(--footer-ink)!important;border-radius:0;overflow:hidden;padding:0;min-width:0}
[data-layout=integrated] :is(.weather-title,.sim-weather>span:first-child){font-size:1cqw;gap:.5cqw;color:var(--footer-muted);white-space:nowrap}
[data-layout=integrated] :is(.temperature,#sim-temp){font-size:2.2cqw;font-weight:750;color:var(--footer-ink)}
[data-layout=integrated] :is(#weather-status,#sim-weather-summary){grid-column:1/-1;font-size:.98cqw!important;font-weight:700;white-space:nowrap;line-height:1.4!important;color:var(--footer-ink)!important}
[data-layout=integrated] .weather-row>:is(.clock,#sim-clock){font-size:3.2cqw;line-height:1;font-weight:750;font-variant-numeric:tabular-nums;background:transparent;color:var(--footer-ink);border-left:1px solid #92bad280;border-radius:0;min-width:0;padding:0 0 0 1.4cqw;margin:0 0 1cqw}
[data-layout=integrated] .screen-footer.without-weather{grid-template-columns:1fr}
[data-layout=integrated] .screen-footer.without-news{grid-template-columns:1fr}[data-layout=integrated] .screen-footer.without-news .weather-row{max-width:50%;justify-self:end;width:100%}
[data-layout=integrated].without-information{grid-template-rows:1fr 0}.without-information .screen-footer{display:none}
[data-layout=integrated].has-band-logo .screen-footer{padding-left:10cqw}
[data-layout=integrated].has-band-logo :is(.weather,.sim-weather,.news,.sim-news){padding-left:0}
[data-layout=integrated] .band-logo{left:1.5cqw;bottom:1.5cqw;width:7cqw;height:6.5cqw;border-radius:5px;background:#fff}
[data-layout=separated].without-weather{grid-template-rows:minmax(0,1fr) 0 8%;row-gap:0}
[data-layout=separated].without-news{grid-template-rows:minmax(0,1fr) 10% 0;row-gap:0}
[data-layout=separated].without-information{grid-template-rows:1fr 0 0;row-gap:0}
@media(max-width:760px){.layout-options{grid-template-columns:1fr}.layout-option{grid-template-columns:auto 80px 1fr;padding:14px;gap:12px}.layout-sketch{width:80px}}

/* The date stays attached to the clock even when its time text is refreshed. */
:is(#clock,#sim-clock)[data-date]{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px}
:is(#clock,#sim-clock)[data-date]::after{content:attr(data-date);display:block;font-size:clamp(10px,1cqw,18px);font-weight:500;line-height:1.15;letter-spacing:.02em;white-space:nowrap}
[data-layout=integrated] :is(.news-text,#sim-news-text){flex:0 1 auto;min-height:1.4em}
[data-layout=integrated] .weather-row>:is(.clock,#sim-clock){margin-bottom:1.2cqw}
[data-layout=integrated] :is(#clock,#sim-clock)::after{font-size:1cqw}
[data-layout=integrated] #sim-weather-summary{text-align:left}
.tv[data-layout=integrated]{grid-template-columns:minmax(0,1fr) var(--side-width,29vw)}
.tv-simulator[data-layout=integrated]{grid-template-columns:minmax(0,1fr) var(--sim-side-width,30%)}
.workflow-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px;padding:12px;border:1px solid #344561;border-radius:12px;background:#101b2f}
.workflow-nav a{color:#d7e6ff;text-decoration:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700}
.workflow-nav a:hover,.workflow-nav a:focus-visible{background:#243b5b;color:#fff}
.workflow-step{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a8c9ff;margin:32px 0 12px}
#content-editors,#layout-picker,.simulator-block,#publish-section,#screens{scroll-margin-top:28px}
.source-cards .source-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.source-cards .source-card h3{margin:4px 0 10px;font-size:18px}.source-cards .source-card>button{margin-top:auto}

/* Weather identity and forecast share the vertical centre of the information band. */
:is(.weather,.sim-weather){align-items:center;align-content:center}
:is(#weather-status,#sim-weather-summary){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;text-align:center;min-width:0;max-height:none!important}
:is(#weather-status,#sim-weather-summary) .forecast-label{display:block;font:inherit;font-weight:600;line-height:1.25;white-space:nowrap}
:is(#weather-status,#sim-weather-summary) .forecast-value{display:block;font:inherit;font-weight:800;line-height:1.3;white-space:nowrap}
[data-layout=integrated] .screen-footer :is(.weather,.sim-weather){grid-template-columns:auto auto minmax(0,1fr);align-self:stretch;align-items:center;align-content:center;gap:.8cqw}
[data-layout=integrated] :is(#weather-status,#sim-weather-summary){grid-column:3;grid-row:1;text-align:center;font-size:1.05cqw!important;align-self:stretch}
[data-layout=integrated] :is(.weather-title,.temperature,.sim-weather>span:first-child,#sim-temp){grid-row:1;align-self:center}

/* Programming follows the physical regions of the reception screen. */
.content-blocks{display:grid;gap:20px;margin-top:32px}.program-block{border:1px solid #344561;border-radius:16px;padding:24px;background:#111c30}.program-block>h3{font:750 23px/1.3 Arial,sans-serif;margin:0 0 8px}.program-block>p{margin:0 0 18px;line-height:1.5}.program-block .source-cards{margin:0;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.program-block .source-card{background:#14233b}.program-block .source-card h4{font-size:17px}.program-sequence{margin-top:18px;border-top:1px solid #344561;padding-top:16px}.program-sequence summary{cursor:pointer;color:#bed5f7;font-weight:700}.playing-badge{display:block;font:600 12px/1.4 Arial,sans-serif;color:#bdcee7;margin-top:8px}.playing-badge.is-playing{color:#9ae1bc}.playing-badge[hidden]{display:none}.editor-dialog .source-library{margin:12px 0;padding:18px}.editor-dialog:has(#source-library){width:min(1100px,94vw)}
[data-layout=integrated] .screen-footer{grid-template-columns:minmax(0,1fr) minmax(0,.66fr)}
[data-layout=integrated] .screen-footer :is(.weather,.sim-weather){grid-template-columns:auto auto;justify-content:center;align-content:center;align-items:center;column-gap:.6cqw;row-gap:.2cqw}
[data-layout=integrated] :is(#weather-status,#sim-weather-summary){grid-column:1/-1;grid-row:2;font-size:1cqw!important;align-self:center;gap:.18em;text-align:center}
[data-layout=integrated] :is(.weather-title,.sim-weather>span:first-child){justify-self:end;font-size:.95cqw}
[data-layout=integrated] :is(.temperature,#sim-temp){justify-self:start}
[data-layout=integrated] .screen-footer>.weather-row{gap:1.1cqw}

/* Logo corner and the compact three-level forecast from the approved reference. */
[data-layout=integrated] .band-logo{left:0;bottom:0;width:19%;height:17%;border-radius:0;box-sizing:border-box;padding:1cqw;background:#fff;color:#708096;text-align:center;font-size:1.2cqw}
[data-layout=integrated] .band-logo img{width:100%;height:100%;object-fit:contain}
[data-layout=integrated] .screen-footer,[data-layout=integrated].has-band-logo .screen-footer{padding-left:calc(19cqw + 1.5cqw);grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:1.2cqw;padding-right:1.5cqw}
[data-layout=integrated] .screen-footer>.weather-row{border-left:1px solid #9cc6d67a;padding-left:1.2cqw}
[data-layout=integrated] .screen-footer.without-news>.weather-row{border-left:0}
[data-layout=integrated] :is(#weather-status,#sim-weather-summary){font-size:.95cqw!important;gap:.2em}
[data-layout=integrated].without-information .band-logo{display:none}
.layout-logo-control{margin-top:18px;padding:18px;border:1px solid #344561;border-radius:12px;background:#111c30}.layout-logo-control h4{margin:0;font-size:16px}.layout-logo-control input{display:block;margin:8px 0 14px;color:#dbe8fc;width:100%;box-sizing:border-box}.layout-logo-control p{font-size:13px}

.content-choice-actions{display:flex;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}.selection-check{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;border:1px solid #6f9bd1;border-radius:9px;background:#244971;color:#fff;font:800 20px Arial;box-sizing:border-box}.selection-check.is-selected{background:#208653;border-color:#50c38c;color:#fff}

/* The status check is also a keyboard-accessible entry point to content selection. */
.content-choice-actions button.selection-check{padding:0;width:38px;height:38px;min-width:38px;cursor:pointer;line-height:1;background:#244971;color:#fff;border:1px solid #6f9bd1;font-size:20px;font-weight:800}
.content-choice-actions button.selection-check.is-selected{background:#208653;border-color:#50c38c}
.content-choice-actions button.selection-check:hover{filter:brightness(1.18)}
.content-choice-actions button.selection-check:focus-visible{outline:3px solid #b8d7ff;outline-offset:3px}

/* No custom audio button over the reception content; native playback controls remain available. */
/* Botão de som: só aparece quando o som está bloqueado (o script mostra e esconde). */
.sim-audio-enable[hidden],.tv-audio-enable[hidden]{display:none!important}

/* The portrait column follows its height at exactly 9:16 in every composition. */
.tv[data-layout=separated]{grid-template-columns:minmax(0,1fr) var(--side-width,29vw)}
.tv-simulator[data-layout=separated]{grid-template-columns:minmax(0,1fr) var(--sim-side-width,30%)}
:is(.side,.sim-side,.creative,.creative-media){min-width:0;min-height:0}
:is(.creative-media img,.creative-media video,.sim-side-preview){display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center}

.program-menu-trigger{font:700 13px Arial,sans-serif;background:#1c3659;color:#fff;border:1px solid #7d9ac1;border-radius:9px;padding:10px 14px;margin:10px 0;cursor:pointer}.tv>.program-menu-trigger{position:fixed;z-index:50;top:12px;right:125px;margin:0;min-height:44px}.program-menu-dialog{box-sizing:border-box;width:min(600px,94vw);max-height:90vh;overflow:auto;border:1px solid #526583;border-radius:16px;background:#111c30;color:#eef4ff;padding:24px;font:15px/1.5 Arial,sans-serif}.program-menu-dialog::backdrop{background:#050a16aa}.program-menu-dialog label{display:block;margin:18px 0}.program-menu-dialog select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;background:#0b1528;color:#fff;border:1px solid #536784;border-radius:8px}.program-menu-dialog button{margin:8px 8px 0 0;padding:12px;border:1px solid #607da5;border-radius:8px;background:#22416a;color:#fff;cursor:pointer;font-weight:700}.program-menu-dialog button:disabled{opacity:.5}.program-menu-dialog button:focus-visible,.program-menu-trigger:focus-visible{outline:3px solid #b5d7ff;outline-offset:3px}

.position-hint{margin:0 0 10px;color:#b5c6df;font-size:13px;line-height:1.45}.position-adjustable{cursor:crosshair;touch-action:none;user-select:none;-webkit-user-drag:none}.position-adjustable:active{cursor:crosshair}

.media-sequence-row{display:flex;align-items:center;gap:10px;min-width:0}.media-sequence-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequence-thumb{width:38px;height:50px;object-fit:contain;background:#0b1222;border:1px solid #33415b;border-radius:5px;flex:none}.media-row .item{gap:10px;min-width:0}.media-name{min-width:0;flex:1}.media-program-state{flex:none;padding:4px 7px;border:1px solid #455570;border-radius:999px;color:#afbdd0;font-size:10px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.media-program-state.is-programmed{border-color:#4c8a66;background:#10291e;color:#a9e8b8}.media-program-state.is-pending{border-color:#b68b49;background:#332810;color:#f6d58c}

/* Shared custom colors in both compositions and the dashboard monitor. */
[data-layout] .screen-footer{--footer-ink:var(--band-text,#fff);--footer-muted:var(--band-text,#fff);background:var(--band-background,#087fa9);background:linear-gradient(180deg,var(--band-background,#087fa9),var(--band-background2,var(--band-background,#087fa9)));color:var(--band-text,#fff)}
[data-layout=integrated][data-footer-tone=light] .screen-footer{--footer-ink:var(--band-text,#152c45);--footer-muted:var(--band-text,#152c45);background:var(--band-background,#f5f8fb)}
.band-colors-editor{padding:20px;margin:20px 0;border:1px solid #405574;border-radius:12px;background:#101d32;color:#eef4ff}
.band-colors-editor h3{margin:0 0 8px}.band-colors-editor p{font-size:14px;line-height:1.5;color:#c1d2ea}.band-colors-fields{border:0;padding:0;margin:16px 0 0;min-width:0}.band-colors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.band-colors-grid label{font-weight:700}.band-colors-grid input[type=text]{width:100%;box-sizing:border-box;background:#0b1424;color:#fff;border:1px solid #637a99;padding:10px;border-radius:8px}.band-colors-grid input[type=color]{min-width:46px;cursor:pointer}#save-band-colors{background:#8ab4ff;color:#0a162a;font-weight:700;min-height:44px}#band-colors-status{margin-bottom:0}@media(max-width:760px){.band-colors-grid{grid-template-columns:1fr}}

.weather-credit{color:inherit!important;font:600 clamp(8px,.75cqw,14px)/1.2 Arial,sans-serif!important;text-decoration:none;white-space:nowrap}.weather-credit:focus-visible{outline:2px solid currentColor}

[data-layout=integrated] #sim-city,.tv-fixed .weather-city{display:block!important;font-size:.77em;white-space:normal;line-height:1.05}
[data-layout=integrated] :is(#news-source,#sim-news-source),.tv-fixed #news-source{position:static!important;max-width:100%!important;text-align:left!important;grid-column:2!important;align-self:start;line-height:1.15!important;overflow:hidden;font-size:clamp(8px,.68vw,13px)!important}
.weather-credit{display:inline-block;line-height:1!important}

.client-personalization{border:1px solid #405574;border-radius:12px;background:#101d32;padding:clamp(14px,2vw,22px);box-sizing:border-box}
.client-personalization>summary{cursor:pointer;font-size:20px;font-weight:750}
.client-personalization .band-colors-editor,.client-personalization .layout-logo-control{margin:18px 0 0;padding:16px 0 0;border:0;border-top:1px solid #344561;border-radius:0;background:transparent}
.client-personalization>button{margin-top:16px}/* Clima mais legível de longe (04/11/2026): título, cidade, temperatura e previsão maiores */
[data-layout=integrated] :is(.weather-title,.sim-weather>span:first-child){font-size:1.3cqw;font-weight:800}
[data-layout=integrated] #sim-city,[data-layout=integrated] .weather-city,.tv-fixed .weather-city{font-size:.85em!important;font-weight:600}
[data-layout=integrated] :is(.temperature,#sim-temp){font-size:2.8cqw;font-weight:800}
[data-layout=integrated] :is(#weather-status,#sim-weather-summary){font-size:1.4cqw!important}
.band-logo .band-logo-name{display:flex;align-items:center;justify-content:center;height:100%;padding:0 6%;text-align:center;font-weight:800;line-height:1.15;color:var(--navy,#172F59);font-size:1.5cqw;overflow:hidden}
/* Faixa do clima (TV deitada e prévia horizontal): linha 1 "◐ CLIMA · CIDADE" centralizada;
   linha 2 temperatura grande ao lado da condição e da previsão de amanhã. */
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) .screen-footer :is(.weather,.sim-weather){display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;justify-content:center!important;align-content:center!important;align-items:center!important;column-gap:.9cqw!important;row-gap:.35cqw!important;padding:0 .6cqw!important}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) :is(.weather-title,.sim-weather>span:first-child){grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;display:flex!important;align-items:center;justify-content:center;gap:.45em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) :is(.weather-city,#sim-city){font-size:1em!important;font-weight:700;text-transform:uppercase;color:inherit!important;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) #sim-city:not(:empty)::before{content:'';display:inline-block;width:.469cqw;height:.469cqw;border-radius:50%;background:var(--gold,#d6b46e);margin:0 .469cqw 0 0;vertical-align:.14em}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) :is(.temperature,#sim-temp){grid-column:1!important;grid-row:2!important;justify-self:end!important;line-height:1!important}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) :is(#weather-status,#sim-weather-summary){grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:center!important;align-items:flex-start!important;text-align:left!important;gap:.1em!important;line-height:1.2!important;min-width:0;max-width:100%}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) :is(#weather-status,#sim-weather-summary) :is(.forecast-label,.forecast-value){white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) #sim-weather-summary{font-size:1.25cqw!important}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) #sim-temp{font-size:2.5cqw!important}
[data-layout=integrated]:not(.tv-portrait):not(.sim-portrait) .screen-footer :is(.weather,.sim-weather){grid-template-columns:auto minmax(0,auto)!important}
/* TV em pé: coluna estreita, o texto do clima pode quebrar linha (centralizado). */
:is(.tv-portrait #weather-status,#tv-simulator.sim-portrait #sim-weather-summary),:is(.tv-portrait #weather-status,#tv-simulator.sim-portrait #sim-weather-summary) :is(.forecast-label,.forecast-value){white-space:normal!important;text-align:center!important;overflow-wrap:anywhere}
/* TV em pé: o logo sempre inteiro e centralizado no espaço (margem igual no topo e na base, nunca corta). */
:is(.tv.tv-portrait,#tv-simulator.sim-portrait) .band-logo{position:absolute;overflow:hidden}
:is(.tv.tv-portrait,#tv-simulator.sim-portrait) .band-logo img{position:absolute!important;top:10%!important;left:7%!important;width:86%!important;height:80%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;object-position:center!important}
/* Previsão do clima mais leve e legível (mesmo peso das manchetes), condição em cima e "Amanhã" embaixo. */
:is(#weather-status,#sim-weather-summary) :is(.forecast-label,.forecast-value){font-weight:600!important;letter-spacing:0!important}
:is(#weather-status,#sim-weather-summary) .weather-credit{font-weight:400!important;opacity:.75}
/* Clima com mais respiro na prévia (mesma proporção da TV); manchetes um pouco menores. */
[data-layout=integrated]:not(.sim-portrait) .screen-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
/* Prévia do painel: cidade sempre centralizada, igual à TV. */
html body #tv-simulator .sim-weather>span:first-child{grid-column:1/-1!important;justify-self:center!important;justify-content:center!important;margin:0 auto!important;text-align:center!important}
/* Prévia do painel: bloco de clima centralizado, igual à TV. */
html body #tv-simulator:not(.sim-portrait) .sim-weather{grid-template-columns:max-content max-content!important;justify-content:center!important}
.sim-audio-enable{position:absolute;top:8px;right:8px;z-index:5;padding:6px 10px;border:1px solid #ffffff80;border-radius:10px;background:#172f59e6;color:#fff;font:700 12px system-ui,sans-serif;cursor:pointer}


/* ===== Modelo "Mídia Indoor v4" na prévia do painel (TV deitada). 1 px do canvas 1920×1080 = 0,052cqw ===== */
html body #tv-simulator:not(.sim-portrait){--line:rgba(255,255,255,.09);grid-template-columns:minmax(0,1fr) var(--sim-side-width,27.2%)!important;grid-template-rows:minmax(0,1fr) 13.9%!important;background:linear-gradient(160deg,var(--bg-2,#09252e),var(--bg,#05151a) 60%)!important;color:#f4f1ea!important;border-radius:0!important}
html body #tv-simulator:not(.sim-portrait),html body #tv-simulator:not(.sim-portrait) *{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
html body #tv-simulator:not(.sim-portrait) :is(.sim-main,.sim-main-stage,.sim-side,.creative,.hero-media){background:var(--slide-bg,#081f26)!important}
html body #tv-simulator:not(.sim-portrait) .screen-footer{background:linear-gradient(180deg,var(--bar-1,#09232b),var(--bar-2,#06161c))!important;color:#f4f1ea!important;grid-template-columns:14.58cqw minmax(0,1fr) 29.17cqw!important;padding:0 0 0 17.7cqw!important;gap:0!important;--footer-ink:#f4f1ea;--footer-muted:#f4f1ea}
html body #tv-simulator:not(.sim-portrait) .screen-footer.without-weather{grid-template-columns:0 minmax(0,1fr) 0!important}
html body #tv-simulator:not(.sim-portrait) .screen-footer>.weather-row:not([hidden]){display:contents!important}
/* logo: centralizado numa área útil de 260×100; fundo conforme o arquivo */
html body #tv-simulator:not(.sim-portrait) .band-logo{left:0!important;bottom:0!important;width:17.7%!important;height:13.9%!important;padding:0!important;border-radius:0!important;background:var(--logo-bg,transparent)!important;display:flex!important;align-items:center;justify-content:center;z-index:2}
html body #tv-simulator:not(.sim-portrait) .band-logo img{width:auto!important;height:auto!important;max-width:13.54cqw!important;max-height:5.2cqw!important;object-fit:contain!important;margin:0!important;position:static!important}
html body #tv-simulator:not(.sim-portrait) .band-logo .band-logo-name{height:auto!important;padding:0 1.6cqw!important;font-size:1.458cqw!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.01em!important;color:#f4f1ea!important}
/* relógio */
html body #tv-simulator:not(.sim-portrait) #sim-clock{grid-column:1;grid-row:1;align-self:stretch;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.417cqw!important;margin:0!important;padding:0!important;font-size:3.75cqw!important;font-weight:800!important;letter-spacing:-.04em;line-height:1!important;color:#f4f1ea!important;font-variant-numeric:tabular-nums;border-left:1px solid var(--line)!important;text-align:center}
html body #tv-simulator:not(.sim-portrait) #sim-clock::after{font-size:1.094cqw!important;font-weight:600!important;letter-spacing:.01em!important;opacity:1!important;line-height:1.1!important;color:#f4f1ea}
/* notícias */
html body #tv-simulator:not(.sim-portrait) .sim-news{grid-column:2;grid-row:1;align-self:stretch;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:.417cqw!important;padding:0 2.29cqw!important;border-left:1px solid var(--line)!important;background:transparent!important;color:#f4f1ea!important;min-width:0}
html body #tv-simulator:not(.sim-portrait) .sim-news-head{display:flex;align-items:center;gap:.52cqw;white-space:nowrap;max-width:100%}
html body #tv-simulator:not(.sim-portrait) .sim-news-dot{display:block;width:.469cqw;height:.469cqw;border-radius:50%;background:var(--gold,#d6b46e);flex:none}
html body #tv-simulator:not(.sim-portrait) .sim-news-tag{font-size:.9375cqw!important;font-weight:800;letter-spacing:.2em;color:var(--gold-2,#f1dcaa)!important;text-transform:uppercase}
html body #tv-simulator:not(.sim-portrait) #sim-news-source{position:static!important;max-width:none!important;font-size:.9375cqw!important;font-weight:600;letter-spacing:.06em;color:rgba(244,241,234,.5)!important;text-align:left!important;grid-column:auto!important}
html body #tv-simulator:not(.sim-portrait) #sim-news-text{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.458cqw!important;line-height:1.3!important;font-weight:600!important;color:#f4f1ea!important;white-space:normal!important;min-height:0;flex:none!important;width:100%}
/* clima: ícone | temperatura | filete | cidade / condição / amanhã */
html body #tv-simulator:not(.sim-portrait) .sim-weather{grid-column:3;grid-row:1;align-self:stretch;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:.729cqw!important;padding:0 1.458cqw!important;border-left:1px solid var(--line)!important;color:#f4f1ea!important;overflow:hidden;min-width:0}
html body #tv-simulator:not(.sim-portrait) .sim-weather>span:first-child{display:block!important;flex:none!important;grid-column:auto!important;justify-self:auto!important;margin:0!important;font-size:3.02cqw!important;line-height:0!important;text-align:left!important;color:#f4f1ea}
html body #tv-simulator:not(.sim-portrait) .sim-weather-icon svg{display:block;width:3.02cqw;height:3.02cqw}
html body #tv-simulator:not(.sim-portrait) #sim-temp{display:block!important;flex:none;grid-column:auto!important;justify-self:auto!important;font-size:3.125cqw!important;font-weight:800!important;letter-spacing:-.04em;line-height:1!important;color:#f4f1ea!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html body #tv-simulator:not(.sim-portrait) #sim-temp sup{font-size:1.146cqw;font-weight:700;vertical-align:top;margin-left:.1cqw;position:relative;top:.26cqw;color:rgba(244,241,234,.7);letter-spacing:0}
html body #tv-simulator:not(.sim-portrait) .sim-weather-info{display:flex;flex-direction:column;gap:.208cqw;flex:1 1 0;min-width:0;padding-left:.833cqw;border-left:1px solid var(--line)}
html body #tv-simulator:not(.sim-portrait) #sim-city{display:block;font-size:.9375cqw!important;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#d6b46e)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;opacity:1!important}
html body #tv-simulator:not(.sim-portrait) #sim-city[hidden]{display:none}
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;grid-column:auto!important;grid-row:auto!important;text-align:left!important;gap:.208cqw!important;width:auto!important;font-size:1.354cqw!important;line-height:1.2!important;color:#f4f1ea!important;white-space:normal!important}
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary .forecast-value{display:block!important;text-align:left!important;white-space:nowrap!important;overflow:hidden;max-width:100%}
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary .forecast-value:nth-child(1){font-size:1.354cqw!important;font-weight:700!important;color:#f4f1ea}
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary .forecast-value:nth-child(2){font-size:1.042cqw!important;font-weight:500!important;color:rgba(244,241,234,.7)}
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary .weather-credit{display:none!important}

#tv-simulator #sim-side-stage{position:relative}#tv-simulator #sim-side-stage>.side-progress{position:absolute;z-index:8;left:0;bottom:0;width:100%;height:4px;background:rgba(255,255,255,.24);overflow:hidden}#tv-simulator #sim-side-stage>.side-progress:after{content:'';display:block;width:0;height:100%;background:var(--band-icon,#f2c978);animation:side-progress var(--side-duration,15s) linear forwards}@keyframes side-progress{to{width:100%}}

/* Prévia: condição do clima que não cabe em 1 linha passa para 2 linhas (antes ficava cortada com "..."). */
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary .forecast-value:nth-child(1).wrap{white-space:normal!important;text-overflow:clip!important;line-height:1.1!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Barras de progresso do conteúdo principal e da lateral com a MESMA espessura (4 px numa tela de 1920). */
html body #tv-simulator:not(.sim-portrait) :is(.mc-progress,.side-progress){height:.2084cqw!important;min-height:2px}
html body #tv-simulator.sim-portrait :is(.mc-progress,.side-progress){height:.3704cqw!important;min-height:2px}
.tv.tv-fixed :is(.motion-card-layout .mc-progress,#side-media>.side-progress){height:4px!important}
/* Prévia: condição e "Amanhã" sempre alinhados à esquerda, embaixo da cidade (antes centralizavam quando a cidade era mais larga). */
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary{align-self:stretch!important;justify-self:stretch!important;width:100%!important;align-items:flex-start!important;text-align:left!important}
html body #tv-simulator:not(.sim-portrait) #sim-weather-summary .forecast-value{align-self:flex-start!important;text-align:left!important;margin:0!important}

/* Manchetes continuam em páginas completas, sem reticências visuais. */
html body #tv-simulator #sim-news-text{display:block!important;-webkit-line-clamp:unset!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:break-word;}