:root{--roxo: #8035c5;--roxo-claro: #a35de0;--fundo-header: rgba(20, 22, 28, .94);--fundo-painel: #1b1d25;--fundo-campo: #282b35;--fundo-botao: #313440;--fundo-botao-hover: #424655;--divisoria: rgba(255, 255, 255, .1);--sombra: rgba(0, 0, 0, .55);--texto: #eff1f5;--texto-suave: #9ca3b1;--verde: #4acc75;--ambar: #f9ba3e;--vermelho: #ef5a5a;--cinza: #717987;--fundo-monitor: #0b0c11;--fundo-aviso: rgba(249, 186, 62, .08);--borda-aviso: rgba(249, 186, 62, .4);--fundo-erro: rgba(239, 90, 90, .08);--borda-erro: rgba(239, 90, 90, .45);--fundo-sucesso: rgba(74, 204, 117, .07);--borda-sucesso: rgba(74, 204, 117, .4);--fundo-info: rgba(163, 93, 224, .07);--borda-info: rgba(163, 93, 224, .4);--cor-temperatura: #ff7342;--cor-vazao: #42c7f5;--cor-pressao: #ffc94f;--cor-nivel: #61db85;--altura-header: 58px;--raio-canto: 8px;--fonte: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--escala-ui: 1}.demo-botao-link{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:var(--raio-canto);font:700 15px var(--fonte);letter-spacing:.04em;color:var(--texto);text-decoration:none;transition:filter .12s}.demo-botao-link.botao-primario{background:var(--roxo)}.demo-botao-link.botao-secundario{background:var(--fundo-botao)}.demo-botao-link:hover,.demo-botao-link:focus-visible{filter:brightness(1.15)}html:has(.demo-entrada),body:has(.demo-entrada){margin:0;min-height:100%;background:var(--fundo-monitor);color:var(--texto);font-family:var(--fonte)}.demo-entrada{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:20px 16px 32px;line-height:1.5}.demo-entrada *,.demo-entrada *:before,.demo-entrada *:after{box-sizing:border-box}.demo-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--divisoria)}.demo-logo{height:44px;max-width:60vw}.demo-idiomas{display:flex;gap:4px}.demo-idiomas button{min-width:44px;height:36px;border:1px solid var(--divisoria);border-radius:var(--raio-canto);background:var(--fundo-botao);color:var(--texto-suave);font:700 13px var(--fonte);cursor:pointer}.demo-idiomas button.selecionado{background:var(--roxo);border-color:var(--roxo);color:var(--texto)}.demo-titulo{margin:28px 0 8px;font-size:clamp(24px,4vw,34px);line-height:1.2}.demo-subtitulo{margin:0;max-width:760px;color:var(--texto-suave);font-size:17px}.demo-secao{margin:28px 0 12px;font-size:18px;color:var(--texto-suave);font-weight:600}.demo-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none}.demo-cartao{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--divisoria);border-radius:12px;background:var(--fundo-painel);color:var(--texto);text-decoration:none;transition:transform .15s,border-color .15s}.demo-cartao:hover,.demo-cartao:focus-visible{transform:translateY(-2px);border-color:var(--roxo-claro);outline:none}.demo-cartao img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--fundo-campo)}.demo-cartao-texto{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;color:var(--texto-suave);font-size:14px}.demo-cartao-texto strong{color:var(--texto);font-size:18px}.demo-selo{align-self:flex-start;padding:1px 8px;border:1px solid var(--borda-info);border-radius:999px;background:var(--fundo-info);color:var(--roxo-claro);font-size:12px;font-weight:600}.demo-requisitos{margin:14px 0 0;color:var(--texto-suave);font-size:13px}.demo-chamada{margin-top:32px;padding:22px 20px;border:1px solid var(--borda-info);border-radius:12px;background:var(--fundo-info)}.demo-chamada h2{margin:0 0 6px;font-size:22px}.demo-chamada p{margin:0 0 16px;max-width:760px;color:var(--texto-suave)}.demo-chamada-botoes{display:flex;flex-wrap:wrap;gap:10px}.demo-voltar{display:inline-block;margin-top:18px;color:var(--roxo-claro)}.demo-rodape{margin-top:36px;padding-top:14px;border-top:1px solid var(--divisoria);color:var(--cinza);font-size:13px}.demo-rodape p{margin:4px 0}.demo-aviso{margin:8px 0;max-width:820px}.demo-aviso summary{cursor:pointer;color:var(--roxo-claro)}.demo-aviso h2{margin:12px 0 6px;font-size:15px;color:var(--texto)}.demo-aviso p{margin:8px 0;line-height:1.5}