html,body{margin:0;height:100%;background:#000;overflow:hidden;cursor:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff}
.stage{position:fixed;inset:0;overflow:hidden;background:#000}
/* TV de pé (vertical) ligada numa tela deitada: gira o palco. */
body.is-vertical .stage{inset:auto;top:50%;left:50%;width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(-90deg)}
@media (orientation:portrait){body.is-vertical .stage{inset:0;width:auto;height:auto;transform:none}}

.layer{position:absolute;inset:0;opacity:0;z-index:1}
.layer.is-on{opacity:1;z-index:2}
.t-fade .layer{transition:opacity .8s ease}
.t-slide .layer{transition:transform .8s ease,opacity .01s linear .8s;transform:translateX(100%);opacity:1}
.t-slide .layer.is-on{transform:none;transition:transform .8s ease}
.t-slide .layer.is-out{transform:translateX(-100%)}

.layer img,.layer video,.layer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.layer.fit-contain img,.layer.fit-contain video{object-fit:contain}
.layer .embed{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}
.layer.fit-cover .embed{width:max(100%,177.78vh);height:max(100%,56.25vw)}
body.is-vertical .layer.fit-cover .embed{width:max(100%,177.78vw);height:max(100%,56.25vh)}
.layer .slide{opacity:0;transition:opacity 1s ease}
.layer .slide.is-on{opacity:1}

.msg{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:5vmin;font-size:3vmin;color:#9a9a9a;background:#000;z-index:10}
.msg b{display:block;color:#fff;font-size:5vmin;margin-bottom:1vmin}
.pass{position:fixed;inset:0;z-index:20;display:grid;place-content:center;gap:2vmin;text-align:center;background:#000;cursor:auto}
.pass[hidden],.msg[hidden]{display:none}
.pass p{margin:0;font-size:3vmin}
.pass input,.pass button{font:inherit;font-size:3vmin;padding:1.5vmin 2.5vmin;border-radius:1.2vmin;border:0}
.pass button{background:#e8590c;color:#fff;cursor:pointer}
.install{position:fixed;top:2vmin;right:2vmin;z-index:15;padding:1.2vmin 2.2vmin;border:0;border-radius:1vmin;background:#e8590c;color:#fff;font:600 2vmin system-ui,sans-serif;cursor:pointer;box-shadow:0 .5vmin 2vmin rgba(0,0,0,.4)}
.install[hidden]{display:none}
body.show-cursor{cursor:auto}

/* Celular (QR Code impresso): tela limpa, mídia inteira, toques liberados para o YouTube/Vimeo */
body.is-mobile{cursor:auto}
body.is-mobile .layer .embed{pointer-events:auto;width:100%;height:auto;aspect-ratio:16/9}

/* Formato stories (celular) */
body.is-stories::before{content:"";position:fixed;left:0;right:0;top:0;height:90px;z-index:6;pointer-events:none;background:linear-gradient(rgba(0,0,0,.45),transparent)}
.st-tap{position:fixed;inset:0;z-index:5;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.st-bars{position:fixed;z-index:7;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));display:flex;gap:4px;pointer-events:none}
.st-bars span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.st-bars i{display:block;height:100%;width:0;background:#fff}
.st-mute{position:fixed;z-index:8;top:calc(22px + env(safe-area-inset-top));right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.35) center/18px no-repeat;cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4z'/%3E%3Cpath d='m22 9-6 6M16 9l6 6'/%3E%3C/svg%3E")}
.st-mute.is-on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}
.st-mute[hidden]{display:none}
body.is-paused .st-bars,body.is-paused .st-mute{opacity:.4;transition:opacity .2s}
body.is-stories .layer{transition:none}

/* Botão do link da publicidade (stories) */
.st-cta{position:fixed;z-index:9;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 48px);padding:12px 22px;border-radius:99px;background:#fff;color:#111;font:700 15px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.st-cta[hidden]{display:none}
.st-cta:active{transform:translateX(-50%) scale(.97)}

/* Conteúdos prontos (hora, clima, câmbio, notícias…) — só na TV */
.widget{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4vmin;padding:6vmin;
	background:radial-gradient(120% 120% at 20% 10%,var(--w1,#1e3a5f) 0%,var(--w2,#0b1220) 70%);color:var(--wt,#fff);text-align:center;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.widget .w-load{font-size:4vmin;opacity:.7}
.widget .w-title{font-size:4.2vmin;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
.widget .w-foot{position:absolute;bottom:3vmin;font-size:2.2vmin;opacity:.5}
.widget .w-hour{font-size:26vmin;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.widget .w-date{font-size:5vmin;opacity:.85}
.widget .w-date::first-letter{text-transform:uppercase}
.widget .w-now{display:flex;align-items:center;gap:4vmin}
.widget .w-icon{font-size:20vmin;line-height:1}
.widget .w-temp{font-size:24vmin;font-weight:800;line-height:1}
.widget .w-sub{font-size:3.6vmin;opacity:.85}
.widget .w-next{display:flex;gap:5vmin;margin-top:2vmin}
.widget .w-day{display:flex;flex-direction:column;align-items:center;gap:.6vmin;padding:2.4vmin 4vmin;border-radius:3vmin;background:rgba(255,255,255,.08)}
.widget .w-day b{font-size:3.4vmin;text-transform:uppercase}
.widget .w-icon-s{font-size:7vmin}
.widget .w-day small{font-size:3vmin;opacity:.85}
.widget .w-rates{display:flex;flex-direction:column;gap:2.6vmin;width:90%;width:min(90%,90vmin)}
.widget .w-rate{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:3vmin;padding:2.6vmin 4vmin;border-radius:3vmin;background:rgba(255,255,255,.08);text-align:left}
.widget .w-cur{font-size:4.4vmin}
.widget .w-val{font-size:6vmin;font-variant-numeric:tabular-nums}
.widget .w-rate small{font-size:3.2vmin;min-width:16vmin;text-align:right}
.widget .up{color:#4ade80}.widget .down{color:#f87171}
.widget .w-news{display:flex;flex-direction:column;gap:2.4vmin;width:94%;width:min(94%,150vmin);text-align:left}
.widget .w-new{display:flex;gap:3vmin;align-items:baseline;font-size:4vmin;line-height:1.25;padding:2vmin 3vmin;border-radius:2.4vmin;background:rgba(255,255,255,.07)}
.widget .w-new small{font-size:2.8vmin;opacity:.6;flex:none}
.widget .w-games{display:flex;gap:5vmin;width:96%;width:min(96%,170vmin);justify-content:center;flex-wrap:wrap}
.widget .w-gblock{flex:1 1 60vmin;display:flex;flex-direction:column;gap:1.8vmin}
.widget .w-gblock h4{margin:0;font-size:3.2vmin;opacity:.7;text-transform:uppercase;letter-spacing:.06em}
.widget .w-game{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2vmin;font-size:3.4vmin;padding:1.8vmin 2.4vmin;border-radius:2.4vmin;background:rgba(255,255,255,.08);position:relative}
.widget .w-team.r{text-align:right}.widget .w-team{text-align:left}
.widget .w-score{font-size:3.8vmin;padding:0 1.4vmin;font-variant-numeric:tabular-nums}
.widget .w-gdate{grid-column:1/-1;font-size:2.4vmin;opacity:.5;text-align:center}
.widget .w-lots{display:flex;flex-direction:column;gap:2.4vmin;width:96%;width:min(96%,150vmin)}
.widget .w-lot{display:flex;flex-direction:column;gap:1.4vmin;padding:2.4vmin 3vmin;border-radius:2.4vmin;background:rgba(255,255,255,.08)}
.widget .w-lot b{font-size:3.2vmin}
.widget .w-lot small{font-size:2.6vmin;opacity:.75}
.widget .w-balls{display:flex;gap:1.4vmin;flex-wrap:wrap;justify-content:center}
.widget .w-balls span{display:grid;place-items:center;width:7.2vmin;height:7.2vmin;border-radius:50%;background:var(--wt,#fff);color:var(--w2,#0b1220);font-weight:800;font-size:3.4vmin}
.widget .w-year{min-width:9vmin;font-size:3vmin;font-weight:700;opacity:.85}
.widget .w-quote{font-size:7vmin;font-weight:700;line-height:1.25;max-width:92%;max-width:min(92%,160vmin)}
.widget{padding-bottom:9vmin} /* espaço para o "Atualizado às" não cobrir a última linha */

/* Notícias: uma por vez, foto de fundo, manchete branca e tarja com a fonte */
.widget.w-noticias{display:block;padding:0;background:radial-gradient(120% 120% at 20% 10%,var(--w1,#1e3a5f) 0%,var(--w2,#0b1220) 70%);color:#fff}
.wn-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease}
.wn-slide.is-on{opacity:1}
.wn-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
/* Gradiente sobre a foto: branco 0% (transparente) no alto → preto no pé (Conteúdos prontos → Aparência; padrão 30%) */
.wn-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,var(--wn-esc,.3)) 100%)}
.wn-text{position:absolute;left:6vmin;right:6vmin;bottom:6.5vmin;text-align:left}
.wn-title{margin:0;max-width:150vmin;font-size:7.4vmin;line-height:1.12;font-weight:800;letter-spacing:-.01em;color:#fff;
	text-shadow:0 .3vmin 2.4vmin rgba(0,0,0,.65),0 0 .6vmin rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.wn-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2.2vmin;margin-top:3vmin}
.wn-tag{display:inline-block;padding:1vmin 2.2vmin;border-radius:.6vmin;background:var(--wn-tarja,#d71920);color:#fff;font-size:2.8vmin;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wn-when{font-size:2.6vmin;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 .2vmin 1.2vmin rgba(0,0,0,.7)}

/* Clima: céu de fundo + cartão translúcido (cidade, condição, temperatura e próximas horas) */
.widget.w-clima{padding:0;justify-content:center;color:#fff}
.widget.w-clima.ceu-dia{background:linear-gradient(180deg,#2f7fd6 0%,#6fb1ec 55%,#c4e3f8 100%)}
.widget.w-clima.ceu-manha{background:linear-gradient(180deg,#6f97d3 0%,#b3c3e6 50%,#f7cfb0 100%)}
.widget.w-clima.ceu-tarde{background:linear-gradient(180deg,#6d84c6 0%,#a58fc4 48%,#eab3b8 100%)}
.widget.w-clima.ceu-noite{background:linear-gradient(180deg,#0a1230 0%,#1c2858 58%,#3d3f78 100%)}
.widget.w-clima.ceu-chuva{background:linear-gradient(180deg,#46525f 0%,#76838f 58%,#a6b0ba 100%)}
.wc-card{width:86%;width:min(86%,150vmin);padding:5vmin 6vmin 4vmin;border-radius:3vmin;text-align:left;
	background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);box-shadow:0 3vmin 8vmin -3vmin rgba(0,0,0,.35);
	-webkit-backdrop-filter:blur(2vmin);backdrop-filter:blur(2vmin)}
.wc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:4vmin}
.wc-city{margin:0;font-size:6.2vmin;font-weight:400;line-height:1.1;letter-spacing:-.01em}
.wc-date{margin-top:.8vmin;font-size:2.8vmin;opacity:.9}
.wc-cond{display:flex;flex-direction:column;align-items:flex-start;gap:.6vmin;margin-top:3vmin}
.wc-ico{font-size:9vmin;line-height:1}
.wc-cond b{font-size:4vmin;font-weight:500}
.wc-right{text-align:right}
.wc-temp{font-size:21vmin;font-weight:200;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.wc-temp sup{font-size:.42em;font-weight:200;vertical-align:.95em;margin-left:.6vmin}
.wc-mm{margin-top:1.4vmin;font-size:5vmin;font-weight:300}
.wc-mm .min{color:#8fd0ff}
.wc-tabs{display:flex;justify-content:space-between;align-items:baseline;gap:3vmin;margin-top:4vmin;padding-bottom:1.6vmin;border-bottom:1px solid rgba(255,255,255,.35);font-size:2.6vmin}
.wc-tabs .on{font-weight:600;padding-bottom:1.2vmin;margin-bottom:-1.7vmin;border-bottom:.4vmin solid #fff}
.wc-tabs span:last-child{opacity:.75}
.wc-hours{display:flex;justify-content:space-between;gap:2vmin;margin-top:3vmin}
.wc-h{display:flex;flex-direction:column;align-items:center;gap:1.2vmin;flex:1}
.wc-h small{font-size:2.8vmin;font-weight:600}
.wc-hico{font-size:5.4vmin;line-height:1}
.wc-h b{font-size:4vmin;font-weight:300}
.widget.w-clima .w-foot{color:#fff}

/* Relógio: fundo preto, números enormes em fonte estreita (Bebas Neue, OFL — assets/fonts) */
@font-face{font-family:'QRR Relogio';src:url(fonts/bebas-neue-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:block}
.widget.w-relogio{background:var(--wr-fundo,#000);padding:0}
.wr-wrap{display:flex;align-items:flex-start;justify-content:center;gap:5vmin}
.wr-hora{font-family:'QRR Relogio',Impact,'Arial Narrow',sans-serif;font-size:38vw;font-size:min(74vmin,38vw);line-height:.78;padding-top:.06em;margin-bottom:.16em;color:var(--wr-cor,#78a6f0);white-space:nowrap;
	-webkit-transform:scaleY(1.2);transform:scaleY(1.2);-webkit-transform-origin:50% 0;transform-origin:50% 0} /* mais alto e estreito, como no modelo */
.wr-lado{padding-top:2vmin;text-align:left;font-size:7.6vmin;font-weight:500;line-height:1.2;color:var(--wr-txt,#fff);white-space:nowrap}
.wr-sem{color:var(--wr-sem,var(--wr-cor,#78a6f0))}