*{margin:0;padding:0;box-sizing:border-box}:root{--fundo:#08070f;--painel:#12101c;--borda:#ffffff14;--texto:#e8e4f5;--dim:#8a86a0;--roxo:#b48be8;--verde:#6fce9f}body,html{min-height:100%;background:var(--fundo);color:var(--texto);font-family:Avenir Next,Segoe UI,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 15% 20%,#ffffff44 0,transparent 100%),radial-gradient(1px 1px at 80% 15%,#ffffff33 0,transparent 100%),radial-gradient(1.5px 1.5px at 65% 75%,#ffffff2a 0,transparent 100%),radial-gradient(1px 1px at 35% 65%,#ffffff30 0,transparent 100%)}.wrap{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:40px 22px 80px}.topo{text-align:center;margin-bottom:40px}.topo h1{font-size:clamp(30px,6vw,46px);font-weight:800;letter-spacing:-1px}.topo .ponto{color:var(--roxo)}.topo .sub{color:var(--dim);margin-top:8px;font-size:15px}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.card{display:block;text-decoration:none;color:inherit;background:var(--painel);border:1px solid var(--borda);border-radius:16px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);border-color:#b48be855;box-shadow:0 12px 40px #00000055}.card-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card .tema{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--roxo);border:1px solid #b48be840;border-radius:999px;padding:3px 10px}.card .clima{font-size:22px}.card h2{font-size:20px;margin-bottom:8px;line-height:1.2}.card .desc{color:var(--dim);font-size:13px;line-height:1.5;min-height:56px}.card-pe{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed #ffffff10;font-size:12px;color:var(--dim)}.card-pe .abrir{color:var(--roxo)}.card.novo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed;color:var(--dim);min-height:190px;gap:8px}.card.novo .mais{font-size:34px;color:#ffffff33}.card.novo .soon{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ffffff2a}.voltar{display:inline-block;color:var(--dim);text-decoration:none;margin-bottom:22px;font-size:14px}.voltar:hover{color:var(--texto)}.erro{background:#2a1520;border:1px solid #5a2540;color:#e8b0c0;border-radius:12px;padding:16px}.erro code{color:#f0c0d0}.painel-wrap{background:var(--painel);border:1px solid var(--borda);border-radius:20px;padding:28px}.painel-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px}.painel-topo .tema{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--roxo)}.painel-topo h1{font-size:27px;margin:6px 0;line-height:1.15}.painel-topo .desc{color:var(--dim);font-size:14px;line-height:1.55;max-width:62ch}.painel-topo .status{color:var(--verde);font-size:12.5px;white-space:nowrap;min-width:70px;text-align:right}.controles-mundo{display:flex;flex-direction:column;gap:22px;margin-bottom:26px}.bloco .rotulo{font-size:13px;color:var(--dim);margin-bottom:10px}.bloco .rotulo b{color:var(--roxo);margin-left:6px}.climaBtns{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.climaBtns button{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff08;border:1px solid var(--borda);border-radius:12px;padding:14px 0;cursor:pointer;color:var(--texto);transition:all .15s}.climaBtns button .ic{font-size:22px;filter:grayscale(.4);opacity:.75}.climaBtns button .nm{font-size:11px;color:var(--dim)}.climaBtns button:hover{border-color:#b48be855}.climaBtns button.ativo{background:#b48be822;border-color:var(--roxo)}.climaBtns button.ativo .ic{filter:none;opacity:1}.climaBtns button.ativo .nm{color:var(--texto)}.bloco input[type=range]{width:100%;accent-color:var(--roxo);height:4px}.espiar{display:block;text-align:center;text-decoration:none;background:var(--roxo);color:#17092c;font-weight:700;font-size:16px;border-radius:999px;padding:15px;transition:transform .15s,filter .15s}.espiar:hover{transform:scale(1.02);filter:brightness(1.08)}.dica{text-align:center;color:var(--dim);font-size:12px;margin-top:12px}@media (max-width:560px){.painel-topo{flex-direction:column}.painel-topo .status{text-align:left}.climaBtns{grid-template-columns:repeat(2,1fr)}}