:root{--bg:#f6f7f9;--card:#fff;--ink:#1f2933;--mut:#6b7785;--ac:#2f6fed;--soft:#eaf1ff;--br:#e5e8ec}
:root{--btnt:#fff;--redbg:#fde8e8;--red:#c0392b;--warnbg:#fff4e0;--up:#1e8e3e}
:root[data-theme=dark]{color-scheme:dark;--bg:#12161c;--card:#1b212b;--ink:#e6e9ee;--mut:#9aa6b4;--ac:#6ea0ff;--soft:#243047;--br:#2a3340;--btnt:#0b1220;--redbg:#3a2024;--red:#ff8a80;--warnbg:#3b3220;--up:#6fdc8c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 16px}
.top{background:var(--card);border-bottom:1px solid var(--br);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;gap:16px;padding:12px 16px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.4rem;color:var(--ac);margin-right:auto}
nav{display:flex;gap:14px;align-items:center;font-size:.92rem}.btn,button{background:var(--ac);color:var(--btnt);border:0;border-radius:8px;padding:8px 14px;cursor:pointer;font:inherit}
button.ghost,.ghost{background:var(--soft);color:var(--ac)}button.red{background:var(--redbg);color:var(--red)}
select,input,textarea{color:var(--ink);font:inherit;padding:8px 10px;border:1px solid var(--br);border-radius:8px;background:var(--card);width:100%}.reg select{width:auto}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.tabs a{padding:6px 14px;border-radius:99px;color:var(--mut);white-space:nowrap}.tabs a.on,.tabs a:hover{background:var(--soft);color:var(--ac)}
.grid{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:22px 16px}@media(max-width:900px){.grid{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--br);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.15s}.card:hover{box-shadow:0 6px 20px #0001;transform:translateY(-2px)}
.card img{width:100%;height:150px;object-fit:cover;background:var(--soft)}.card .b{padding:14px}.card h3{margin:6px 0;font-size:1.05rem;line-height:1.35}
.chip{display:inline-block;font-size:.72rem;background:var(--soft);color:var(--ac);padding:2px 9px;border-radius:99px;font-weight:600}.chip.red{background:var(--redbg);color:var(--red)}
.meta{font-size:.8rem;color:var(--mut)}.mod,.panel{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:14px;margin-bottom:16px}.mod h3{margin:0 0 8px;font-size:1rem}
.breaking{background:var(--redbg);border-left:4px solid var(--red);padding:10px 14px;border-radius:8px;margin-bottom:16px}.alert{background:var(--warnbg);border-radius:8px;padding:6px 10px;margin-top:6px;font-size:.85rem}
.row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:.92rem}.up{color:var(--up)}.down{color:var(--red)}
.art{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:24px}.art h1{line-height:1.25}.art img{max-width:100%;border-radius:10px}
.cm{border-top:1px solid var(--br);padding:10px 0}.flash{background:var(--soft);padding:10px 14px;border-radius:8px;margin:12px 0}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:.9rem}td,th{padding:8px;border-bottom:1px solid var(--br);text-align:left;vertical-align:top}
.adm{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.adm a{padding:6px 12px;border-radius:8px;background:var(--card);border:1px solid var(--br)}
form.f label{display:block;margin:10px 0 3px;font-weight:600;font-size:.9rem}.ad img{width:100%;border-radius:10px}footer{text-align:center;color:var(--mut);padding:24px;font-size:.85rem}
.card.cid{border:2px solid var(--ac);box-shadow:0 4px 16px rgba(47,111,237,.18)}.chip.cid{background:var(--ac);color:var(--btnt)}
.rate{display:grid;grid-template-columns:1fr 96px 74px}.num{text-align:right;font-variant-numeric:tabular-nums}
.frame-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}iframe.frame{width:100%;height:calc(100vh - 250px);min-height:520px;border:1px solid var(--br);border-radius:12px;background:var(--card)}
.clock{color:var(--mut);font-size:.88rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.clock-card{text-align:center}#relogio-hora{font-size:2rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ac)}#relogio-data{color:var(--mut);font-size:.9rem;text-transform:capitalize}

:root{--up:#15803d;--down:#dc2626}[data-theme=dark]{--up:#4ade80;--down:#f87171}
.cot{font-size:1.1rem}.cot-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0}
.cot-tile{display:block;padding:22px;border-radius:16px;background:var(--card);border:2px solid var(--br);text-align:center;font-size:1.3rem;font-weight:700;color:inherit;text-decoration:none}.cot-tile span{display:block;font-size:2.6rem}.cot-tile small{display:block;font-weight:400;color:var(--mut);font-size:1rem;margin-top:4px}
.cot-btn{display:block;text-align:center;padding:18px;border-radius:14px;background:#15803d;color:#fff;font-size:1.3rem;font-weight:700;border:0;width:100%;cursor:pointer;text-decoration:none;margin:12px 0}
.cot-card{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:16px;margin-bottom:16px}.cot-card h3{margin:0 0 8px;font-size:1.35rem}.cot-card h3 small{color:var(--mut);font-weight:400;font-size:1rem}
.cot-linha{padding:10px 0;border-top:1px solid var(--br)}.cot-topo{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.cot-val{font-size:1.5rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.cot-meta{color:var(--mut);font-size:.9rem}.cot-vars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.vc{background:var(--soft);border-radius:8px;padding:4px 6px;text-align:center}.vc small{display:block;color:var(--mut);font-size:.75rem}.vc b{font-size:.95rem;white-space:nowrap}
.up{color:var(--up)}.down{color:var(--down)}.neu{color:var(--mut)}
.cot-des{background:var(--soft);border-radius:10px;padding:10px 12px;margin-top:10px}.cot-des p{margin:6px 0}
.cot-papel label{display:block;border:2px solid var(--br);border-radius:14px;padding:14px;margin:8px 0;cursor:pointer;background:var(--card)}.cot-papel input{width:auto;margin-right:10px;transform:scale(1.5)}.cot-papel label:has(input:checked){border-color:var(--up);background:var(--soft)}
.cot-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--br)}.cot-item input{max-width:150px;font-size:1.3rem;padding:12px;text-align:right}
.cot-ok{color:var(--up)}.cot-no{color:var(--down)}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* ---- celular: cabeçalho compacto + menus no rodapé ---- */
.mb,.dock{display:none}.sm{padding:6px 10px;font-size:.85rem}h2{font-size:1.4rem}
@keyframes dockbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) scale(1.1)}}
@media(max-width:700px){
 body{font-size:15px;line-height:1.5;padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 .wrap{padding:0 12px}.top{padding-top:env(safe-area-inset-top,0px)}
 .bar{flex-wrap:nowrap;gap:8px;padding:7px 12px}.logo{font-size:1.05rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .reg select{padding:5px 4px;font-size:.85rem}nav{gap:6px;font-size:.85rem}nav .dk{display:none!important}nav .mb{display:inline-block}
 button,.btn{padding:6px 10px;font-size:.85rem}.tabs{display:none}
 h2{font-size:1.2rem}h3{font-size:1.02rem}.grid{padding:12px;gap:14px}.cards{grid-template-columns:1fr;gap:12px}.card img{height:130px}.card .b{padding:12px}.card h3{font-size:1rem}
 .art{padding:16px}.art h1{font-size:1.35rem}.mod,.panel{padding:12px;margin-bottom:12px}table{display:block;overflow-x:auto;white-space:nowrap}footer{padding:16px 12px;font-size:.78rem}
 .dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--br);overflow-x:auto;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;box-shadow:0 -4px 14px #0001}
 .dock::-webkit-scrollbar{display:none}
 .dock a{flex:0 0 auto;width:66px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border-radius:12px;color:var(--mut);scroll-snap-align:center;-webkit-tap-highlight-color:transparent}
 .dock .de{font-size:1.55rem;line-height:1.15;display:block}.dock .di{width:30px;height:30px;object-fit:contain;border-radius:6px;display:block}
 .dock .dl{font-size:.64rem;line-height:1.1;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dock a.on{background:var(--soft);color:var(--ac);font-weight:700}.dock a.on .de,.dock a.on .di{animation:dockbob 1.6s ease-in-out infinite}.dock a:active{transform:scale(.92)}
 iframe.frame{height:calc(100dvh - 200px);min-height:420px}.frame-bar h2{font-size:1.1rem}
 .cot{font-size:1rem}.cot-btn{font-size:1.1rem;padding:14px}.cot-tiles{grid-template-columns:1fr 1fr;gap:10px}.cot-tile{font-size:1.05rem;padding:14px}.cot-tile span{font-size:2rem}.cot-tile small{font-size:.8rem}
 .cot-card{padding:12px}.cot-card h3{font-size:1.12rem}.cot-val{font-size:1.25rem}.cot-meta{font-size:.8rem}.vc b{font-size:.82rem}.vc small{font-size:.68rem}
 .cot-papel label{padding:10px}.cot-item input{font-size:1.1rem;padding:9px;max-width:120px}
}
@media(prefers-reduced-motion:reduce){.dock a.on .de,.dock a.on .di{animation:none}}