:root{--bg:#070707;--bg2:#11100e;--card:rgba(20,20,22,.92);--card2:rgba(255,255,255,.055);--text:#fff;--muted:#d5cec3;--soft:#9f978a;--line:rgba(255,255,255,.13);--gold:#d7a947;--gold2:#f6cf73;--orange:#f97316;--green:#0b7a3b;--red:#c5162e;--shadow:0 28px 86px rgba(0,0,0,.45);--max:1180px;--radius:22px;--radius-sm:14px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 14% 10%,rgba(246,207,115,.16),transparent 32%),radial-gradient(circle at 90% 8%,rgba(249,115,22,.14),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2) 48%,#060606);color:var(--text);line-height:1.55;overflow-x:hidden;padding-bottom:72px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.demo-ribbon{background:linear-gradient(90deg,var(--gold2),#fff1b7);color:#171009;font-weight:900;text-align:center;padding:8px 16px;font-size:.86rem}
.demo-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(7,7,7,.86);backdrop-filter:blur(18px)}.header-inner{width:min(var(--max),calc(100% - 32px));min-height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{height:50px;width:auto}.brand span{color:var(--muted);font-size:.82rem}.demo-nav{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.9rem;font-weight:800}.demo-nav a.active,.demo-nav a:hover{color:#fff4cf}.header-actions{display:flex;gap:9px;align-items:center}.menu-toggle{display:none}
.section{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:56px 0}.hero-grid,.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{width:fit-content;border:1px solid rgba(246,207,115,.36);border-radius:999px;padding:8px 13px;color:var(--gold2);background:rgba(215,169,71,.085);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}h1,h2{letter-spacing:-.055em}h1{font-size:clamp(2.4rem,5vw,5.1rem);line-height:.98;margin-top:18px}h2{font-size:clamp(1.8rem,4vw,3.05rem);line-height:1.04}.subtitle{max-width:760px;margin-top:20px;color:var(--muted);font-size:clamp(1.03rem,1.7vw,1.22rem)}.highlight{color:#fff1b7}
.btn{min-height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:0 18px;font-weight:900;cursor:pointer;white-space:nowrap;background:none;color:inherit}.btn.small{min-height:40px;font-size:.86rem;padding:0 14px}.btn-primary{color:#171009;background:linear-gradient(135deg,var(--gold2),#ffd978);box-shadow:0 16px 34px rgba(215,169,71,.22)}.btn-ghost{color:var(--muted);border-color:var(--line);background:rgba(255,255,255,.045)}.btn-whatsapp{color:#102016;background:linear-gradient(135deg,#39e58f,#a7f3d0)}.hero-actions,.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.visual-card,.content-panel,.cta-card,.explain-card{border:1px solid rgba(246,207,115,.26);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.visual-card{padding:22px}.visual-card img{border-radius:18px}.content-panel{padding:22px}.section-head{max-width:850px;margin-bottom:24px}.section-head p{margin-top:10px;color:var(--muted)}
.explain-tip{border:1px solid rgba(246,207,115,.25);border-radius:var(--radius-sm);padding:14px;background:rgba(246,207,115,.08);color:#fff4cf;margin-top:14px;font-size:.95rem}.explain-tip strong{color:var(--gold2)}
.real-note{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;border:1px solid rgba(61,220,151,.28);border-radius:var(--radius-sm);padding:14px;background:rgba(61,220,151,.1);color:#eafff4;margin-top:14px}.real-note i{width:40px;height:40px;border-radius:12px;background:var(--green);color:#102016;display:grid;place-items:center;font-weight:900;font-style:normal}
.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--card2);min-height:190px}.demo-card h3{color:#fff4cf}.demo-card p{color:var(--muted);margin-top:8px}.demo-card .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#fff1b7);color:#171009;font-weight:900;margin-bottom:12px}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card2)}.action-card img{height:185px;width:100%;object-fit:cover}.action-card div{padding:16px}.action-card h3{color:#fff4cf}.action-card p{color:var(--muted);margin-top:6px}
.metric-list{display:grid;gap:10px}.metric{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px;background:rgba(255,255,255,.045)}.metric span{color:var(--muted)}.metric strong{color:#fff4cf}.bar{grid-column:1/-1;height:9px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--gold2),var(--green))}
.speedometer{padding:24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center}.gauge{position:relative;width:min(100%,360px);aspect-ratio:1.7;margin:0 auto;overflow:hidden}.gauge-arc{position:absolute;inset:0;border-radius:360px 360px 0 0;background:conic-gradient(from 270deg at 50% 100%,#ff6b6b 0 31%,#f97316 31% 55%,#f6cf73 55% 77%,#39e58f 77% 100%)}.gauge-cover{position:absolute;left:11%;right:11%;bottom:-1px;height:74%;border-radius:320px 320px 0 0;background:#171512}.gauge-needle{position:absolute;width:46%;height:8px;background:#fff4cf;left:50%;bottom:0;transform-origin:left center;transform:rotate(32deg);border-radius:999px;animation:needleIn 1.2s ease-out both}.gauge-center{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;background:var(--gold2);border:8px solid #171512}.gauge-number{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:clamp(2rem,6vw,4.2rem);font-weight:900;color:#fff4cf;letter-spacing:-.08em}@keyframes needleIn{from{transform:rotate(-8deg)}to{transform:rotate(32deg)}}
.table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;min-width:680px}.demo-table caption{caption-side:top;text-align:left;padding:0 0 12px;color:var(--muted);font-weight:800}.demo-table th,.demo-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.demo-table th{color:#fff4cf}.demo-table td{color:var(--muted)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(61,220,151,.13);color:#caffdf;font-weight:900;font-size:.86rem}.badge.orange{background:rgba(249,115,22,.14);color:#ffd6b7}.badge.gold{background:rgba(246,207,115,.13);color:#fff4cf}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{color:#fff4cf;font-weight:900}.field input,.field select,.field textarea{min-height:50px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:#fff;background:rgba(255,255,255,.06);outline:none}.field textarea{min-height:130px;resize:vertical}.mock-success{border:1px solid rgba(61,220,151,.32);border-radius:var(--radius);background:rgba(61,220,151,.11);padding:18px;color:#eafff4;margin-top:16px}
.cta-card{padding:30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cta-card p{margin-top:10px;color:var(--muted)}
.demo-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--soft);font-size:.92rem}.footer-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-inner strong{display:block;color:#fff4cf}.footer-inner span{display:block;margin-top:4px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.floating-demo-actions{position:fixed;right:18px;bottom:18px;display:flex;gap:10px;z-index:60}
.tour-popover{position:fixed;z-index:100;width:min(360px,calc(100vw - 24px));border:1px solid rgba(246,207,115,.42);border-radius:18px;background:#12100e;box-shadow:0 22px 70px rgba(0,0,0,.62);padding:18px}.tour-progress{width:fit-content;padding:5px 9px;border-radius:999px;background:rgba(246,207,115,.13);color:#fff4cf;font-weight:900;font-size:.8rem}.tour-popover h3{margin-top:12px;font-size:1.24rem;color:#fff4cf}.tour-popover p{margin-top:7px;color:var(--muted);font-size:.95rem}.tour-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}[data-tour]{position:relative}.tour-pulse{outline:3px solid var(--gold2);outline-offset:6px;border-radius:var(--radius-sm);position:relative;z-index:70}.tour-backdrop{position:fixed;inset:0;z-index:65;pointer-events:none;background:rgba(0,0,0,.12)}
.link-card{border:1px solid rgba(246,207,115,.26);border-radius:var(--radius);background:var(--card);padding:22px}.link-card h3{color:#fff4cf}.link-card p{color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.link-card .btn{margin-top:14px}
@media(max-width:1080px){.demo-nav{position:fixed;left:16px;right:16px;top:122px;display:none;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(12,12,12,.98);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.demo-nav.open{display:flex}.menu-toggle{display:inline-grid;gap:4px;width:42px;height:42px;place-content:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.menu-toggle span{display:block;width:18px;height:2px;background:#fff4cf}.hero-grid,.split-grid,.speedometer,.cta-card{grid-template-columns:1fr}.demo-grid,.action-grid{grid-template-columns:repeat(2,1fr)}.header-actions{margin-left:auto}}
@media(max-width:720px){.header-inner{min-height:auto;padding:14px 0;flex-wrap:wrap}.header-actions{width:100%}.header-actions .btn{flex:1}.section{padding:40px 0}.demo-grid,.action-grid,.form-grid{grid-template-columns:1fr}.hero-actions .btn,.cta-row .btn,.cta-card .btn{width:100%}.floating-demo-actions{left:12px;right:12px}.floating-demo-actions .btn{flex:1}h1{font-size:clamp(2.1rem,12vw,3.2rem)}.tour-popover{left:12px!important;right:12px!important;top:auto!important;bottom:82px!important;width:auto}.brand img{height:44px}}

/* V3 - José Prado Fortaleza/MDB + Notícias */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.news-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card2);display:flex;flex-direction:column}
.news-card img{height:190px;width:100%;object-fit:cover}
.news-card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-platform{width:fit-content;border-radius:999px;padding:6px 10px;color:#fff;font-size:.8rem;font-weight:900}
.news-card h3{color:#fff4cf;line-height:1.14}
.news-card p{color:var(--muted)}
.news-card time{color:var(--soft);font-size:.88rem;margin-top:auto}
.flag-strip{height:12px;background:linear-gradient(90deg,#0b7a3b 0 33%,#fff 33% 66%,#c5162e 66% 100%);border-radius:999px;margin-top:18px}
.mdb-note{border:1px solid rgba(11,122,59,.35);border-radius:var(--radius-sm);padding:14px;background:linear-gradient(90deg,rgba(11,122,59,.12),rgba(197,22,46,.1));color:#fff4cf;margin-top:14px}
@media(max-width:1080px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.news-grid{grid-template-columns:1fr}}

/* V4 - geolocalização e dashboard simulado */
[data-geo-map]{position:relative}
.map-pin-demo{
  position:absolute;
  left:52%;
  top:43%;
  transform:translate(-50%,-100%);
  font-size:42px;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));
  z-index:3;
}
.dashboard-shell{
  display:grid;
  grid-template-columns:250px 1fr;
  gap:18px;
  align-items:start;
}
.dashboard-sidebar{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.05);
  padding:18px;
  display:grid;
  gap:9px;
  position:sticky;
  top:110px;
}
.dashboard-sidebar strong{color:#fff4cf;font-size:1.12rem;margin-bottom:8px}
.dashboard-sidebar a{
  border-radius:12px;
  padding:10px 12px;
  color:var(--muted);
  background:rgba(255,255,255,.035);
  font-weight:800;
}
.dashboard-sidebar a.active,.dashboard-sidebar a:hover{background:rgba(246,207,115,.12);color:#fff4cf}
.dashboard-main{display:grid;gap:16px}
.dash-top{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  background:var(--card);
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}
.dash-top h2{font-size:clamp(1.5rem,3vw,2.2rem)}
.dash-top p{color:var(--muted)}
.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dash-kpi{
  border:1px solid rgba(246,207,115,.24);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.055);
  padding:16px;
}
.dash-kpi span{display:block;color:var(--muted);font-size:.92rem}
.dash-kpi strong{display:block;color:#fff4cf;font-size:2rem;line-height:1.05;margin-top:6px}
.dash-kpi em{display:block;color:#caffdf;font-style:normal;font-size:.86rem;margin-top:4px}
.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.dash-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card);
  padding:18px;
  overflow:hidden;
}
.dash-card h3{color:#fff4cf;margin-bottom:12px}
.dash-card p{color:var(--muted);margin-top:10px}
.dash-card img{border-radius:16px}
.dash-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dash-actions button,.mini-action{
  border:1px solid rgba(246,207,115,.26);
  border-radius:12px;
  background:rgba(246,207,115,.08);
  color:#fff4cf;
  padding:10px 12px;
  font-weight:900;
  cursor:pointer;
}
.dash-actions button:hover,.mini-action:hover{background:rgba(246,207,115,.16)}
@media(max-width:1080px){
  .dashboard-shell{grid-template-columns:1fr}
  .dashboard-sidebar{position:static}
  .dash-kpis{grid-template-columns:repeat(2,1fr)}
  .dash-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .dash-kpis,.dash-actions{grid-template-columns:1fr}
  .dash-top{display:grid}
}

/* V2.7 - destaques diários editáveis */
.daily-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.daily-card{
  border:1px solid rgba(246,207,115,.26);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--card);
  display:flex;
  flex-direction:column;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.daily-card img{
  height:220px;
  width:100%;
  object-fit:cover;
}
.daily-body{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.daily-tag{
  width:fit-content;
  border-radius:999px;
  padding:6px 10px;
  color:#fff;
  background:#0b7a3b;
  font-size:.8rem;
  font-weight:900;
}
.daily-card:nth-child(2) .daily-tag{background:#c5162e}
.daily-body h3{
  color:#fff4cf;
  line-height:1.14;
}
.daily-body p{
  color:var(--muted);
}
.editor-sim{
  border:1px solid rgba(61,220,151,.28);
  border-radius:var(--radius);
  background:rgba(61,220,151,.08);
  padding:18px;
}
.editor-sim h3{color:#fff4cf}
.editor-sim p{color:var(--muted);margin-top:8px}
.editor-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.editor-list div{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:12px;
  background:rgba(255,255,255,.05);
  color:var(--muted);
}
.editor-list strong{color:#fff4cf}
@media(max-width:1080px){.daily-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.daily-grid{grid-template-columns:1fr}}

/* V2.8 - mapa real interativo OSM/Leaflet */
.real-map{
  width:100%;
  min-height:520px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(246,207,115,.35);
  background:#11100e;
  z-index:1;
}
.real-map.compact{min-height:420px}
.map-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.map-legend span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 10px;
  color:#fff4cf;
  background:rgba(255,255,255,.055);
  font-size:.86rem;
  font-weight:900;
}
.map-info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:14px;
}
.map-info{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.055);
  padding:12px;
}
.map-info strong{display:block;color:#fff4cf;font-size:1.18rem}
.map-info span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}
.leaflet-popup-content-wrapper{
  background:#11100e;
  color:#fff;
  border:1px solid rgba(246,207,115,.35);
  border-radius:14px;
}
.leaflet-popup-tip{background:#11100e}
.map-click-data{
  margin-top:12px;
  border:1px solid rgba(61,220,151,.28);
  border-radius:var(--radius-sm);
  background:rgba(61,220,151,.09);
  padding:12px;
  color:#eafff4;
}
@media(max-width:1080px){.map-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.map-info-grid{grid-template-columns:1fr}.real-map{min-height:420px}}

/* V3.0 - foco Fortaleza, busca de endereço e dashboard mais realista */
.address-search{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin-bottom:12px;
}
.address-search input{
  min-height:52px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:0 14px;
  font-size:1rem;
  color:#0f172a;
  background:#e8f0fe;
}
.address-search button{
  min-height:52px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  font-weight:900;
  padding:0 18px;
  cursor:pointer;
}
.address-result{
  margin-top:10px;
  border:1px solid #dbe4f0;
  border-radius:12px;
  padding:12px 14px;
  background:#f8fafc;
  color:#334155;
}
.real-map.local-focus{
  min-height:560px;
}
.fortaleza-focus-card{
  border:1px solid rgba(246,207,115,.25);
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(11,122,59,.14), rgba(197,22,46,.12)), var(--card);
  padding:18px;
  margin-top:14px;
}
.fortaleza-focus-card h3{color:#fff4cf}
.fortaleza-focus-card p{color:var(--muted);margin-top:8px}
.dashboard-visual-real img{
  border-radius:18px;
  border:1px solid rgba(246,207,115,.28);
}
@media(max-width:720px){
  .address-search{grid-template-columns:1fr}
}

/* V30.1 - Dashboard como protagonista comercial */
.dashboard-hero-card {
  border: 1px solid rgba(246,207,115,.34);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 18% 20%, rgba(246,207,115,.18), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(61,220,151,.12), transparent 28%),
    var(--card);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.dashboard-hero-content {
  display: grid;
  grid-template-columns: 1fr .95fr;
  gap: 24px;
  align-items: center;
  padding: 26px;
}
.dashboard-hero-content h2 {
  font-size: clamp(2rem, 4vw, 3.7rem);
}
.dashboard-hero-content p {
  color: var(--muted);
  margin-top: 12px;
  font-size: 1.05rem;
}
.dashboard-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}
.dashboard-pill-row span {
  border: 1px solid rgba(246,207,115,.25);
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(246,207,115,.08);
  color: #fff4cf;
  font-weight: 900;
  font-size: .86rem;
}
.dashboard-screenshot {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
  background: #fff;
}
.dashboard-screenshot img {
  width: 100%;
  height: auto;
}
.solve-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
}
.solve-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: rgba(255,255,255,.055);
}
.solve-card strong {
  display: block;
  color: #fff4cf;
  font-size: 1.08rem;
}
.solve-card p {
  color: var(--muted);
  margin-top: 8px;
}
.dashboard-flow {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 12px;
  margin-top: 18px;
}
.dashboard-flow div {
  border: 1px solid rgba(246,207,115,.22);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: rgba(255,255,255,.045);
  color: var(--muted);
}
.dashboard-flow strong {
  display: block;
  color: #fff4cf;
  margin-bottom: 5px;
}
@media(max-width:1080px) {
  .dashboard-hero-content { grid-template-columns: 1fr; }
  .solve-grid { grid-template-columns: repeat(2,1fr); }
  .dashboard-flow { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:720px) {
  .solve-grid, .dashboard-flow { grid-template-columns: 1fr; }
}

/* V30.2 - Correção desktop: header enxuto, hero balanceado e sem sobreposição */
@media (min-width: 1081px) {
  body {
    padding-bottom: 0;
  }

  .demo-ribbon {
    padding: 7px 16px;
    font-size: .84rem;
    line-height: 1.25;
  }

  .demo-header {
    min-height: 66px;
  }

  .header-inner {
    width: min(1320px, calc(100% - 40px));
    min-height: 66px;
    gap: 14px;
  }

  .brand {
    min-width: 150px;
    flex: 0 0 auto;
  }

  .brand img {
    height: 44px;
    max-width: 76px;
    object-fit: contain;
  }

  .brand span {
    font-size: .76rem;
    line-height: 1.05;
    max-width: 72px;
  }

  .demo-nav {
    flex: 1 1 auto;
    justify-content: center;
    gap: 14px;
    font-size: .88rem;
    line-height: 1;
    white-space: nowrap;
  }

  .demo-nav a {
    padding: 8px 0;
  }

  .demo-nav a[href="/demo/dashboard-simulado.php"] {
    color: #fff4cf;
    border-bottom: 2px solid var(--gold2);
  }

  .header-actions {
    flex: 0 0 auto;
    gap: 8px;
  }

  .header-actions .btn {
    min-height: 38px;
    padding: 0 14px;
    font-size: .82rem;
  }

  .section {
    width: min(1180px, calc(100% - 56px));
    padding: 42px 0;
  }

  .hero {
    padding-top: 48px;
    padding-bottom: 34px;
  }

  .hero-grid {
    grid-template-columns: minmax(0, .95fr) minmax(420px, .82fr);
    gap: 42px;
  }

  h1 {
    font-size: clamp(3.2rem, 4.8vw, 5rem);
    line-height: .98;
  }

  .subtitle {
    max-width: 650px;
    font-size: 1.05rem;
    line-height: 1.55;
  }

  .visual-card {
    padding: 18px;
  }

  .visual-card img {
    max-height: 520px;
    width: 100%;
    object-fit: cover;
  }

  .hero-actions {
    margin-top: 24px;
    gap: 10px;
  }

  .hero-actions .btn {
    min-height: 44px;
    padding: 0 16px;
  }

  .floating-demo-actions {
    right: 18px;
    bottom: 18px;
    gap: 8px;
    transform: scale(.92);
    transform-origin: bottom right;
  }

  .floating-demo-actions .btn {
    min-height: 38px;
    padding: 0 13px;
    font-size: .82rem;
    box-shadow: 0 14px 36px rgba(0,0,0,.28);
  }

  .dashboard-hero-content {
    grid-template-columns: 1fr .82fr;
    padding: 24px;
  }

  .dashboard-hero-content h2 {
    font-size: clamp(2rem, 3.2vw, 3.15rem);
  }

  .dashboard-screenshot img {
    max-height: 390px;
    object-fit: cover;
    object-position: top;
  }

  .daily-card img,
  .news-card img,
  .action-card img {
    height: 180px;
  }
}

@media (min-width: 1320px) {
  .header-inner {
    width: min(1340px, calc(100% - 56px));
  }

  .demo-nav {
    gap: 18px;
    font-size: .92rem;
  }

  .header-actions .btn {
    padding: 0 17px;
  }
}

/* notebooks 1366/1440: evitar menu quebrado */
@media (min-width: 1081px) and (max-width: 1380px) {
  .header-inner {
    width: min(1260px, calc(100% - 28px));
    gap: 10px;
  }

  .brand {
    min-width: 128px;
  }

  .brand img {
    height: 38px;
    max-width: 66px;
  }

  .brand span {
    font-size: .7rem;
    max-width: 60px;
  }

  .demo-nav {
    gap: 10px;
    font-size: .8rem;
  }

  .header-actions .btn {
    min-height: 36px;
    padding: 0 11px;
    font-size: .78rem;
  }

  .header-actions .btn[data-tour-start],
  .header-actions .btn.btn-ghost.small:first-child {
    display: none;
  }

  h1 {
    font-size: clamp(3rem, 4.3vw, 4.55rem);
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(390px, .8fr);
  }
}

/* celulares continuam como estavam, só protege imagem */
@media (max-width: 720px) {
  .visual-card img {
    max-height: none;
  }
}

/* V34 - Link para site principal, tour mobile e termômetro premium */
.demo-nav a[href="/"] {
  color: #fff4cf;
  border: 1px solid rgba(246,207,115,.28);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(246,207,115,.08);
}

.thermo-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 22px;
  align-items: stretch;
}

.thermo-score-card {
  border: 1px solid rgba(246,207,115,.3);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(246,207,115,.14), rgba(255,255,255,.04));
  padding: 22px;
  box-shadow: var(--shadow);
}

.thermo-score-card span {
  color: var(--muted);
  font-weight: 800;
}

.thermo-score-card strong {
  display: block;
  color: #fff4cf;
  font-size: clamp(3rem, 8vw, 5.4rem);
  line-height: .95;
  letter-spacing: -.08em;
  margin-top: 12px;
}

.thermo-score-card p {
  color: var(--muted);
  margin-top: 12px;
}

.thermo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.thermo-kpi {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,.045);
  padding: 14px;
}

.thermo-kpi span {
  color: var(--muted);
  font-size: .88rem;
}

.thermo-kpi strong {
  display: block;
  color: #fff4cf;
  font-size: 1.55rem;
  line-height: 1;
  margin-top: 8px;
}

.thermo-kpi em {
  display: block;
  color: var(--soft);
  font-style: normal;
  font-size: .82rem;
  margin-top: 5px;
}

.thermo-board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}

.thermo-panel {
  border: 1px solid rgba(246,207,115,.22);
  border-radius: var(--radius);
  background: var(--card2);
  padding: 18px;
}

.thermo-panel h3 {
  color: #fff4cf;
  margin-bottom: 12px;
}

.thermo-scale {
  display: grid;
  gap: 10px;
}

.thermo-scale-row {
  display: grid;
  grid-template-columns: 118px 1fr 48px;
  gap: 10px;
  align-items: center;
  color: var(--muted);
  font-size: .92rem;
}

.thermo-track {
  height: 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  overflow: hidden;
}

.thermo-track i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #c5162e, #f97316, #f6cf73, #39e58f);
}

.thermo-insight-list {
  display: grid;
  gap: 10px;
}

.thermo-insight-list li {
  list-style: none;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
  color: var(--muted);
  background: rgba(0,0,0,.16);
}

.thermo-insight-list strong {
  color: #fff4cf;
}

@media (max-width: 1080px) {
  .thermo-hero,
  .thermo-board {
    grid-template-columns: 1fr;
  }

  .thermo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tour-popover {
    z-index: 9999;
  }

  .tour-backdrop {
    z-index: 9990;
  }

  .tour-pulse {
    z-index: 9992;
  }
}

@media (max-width: 720px) {
  body {
    padding-bottom: 96px;
  }

  .floating-demo-actions {
    z-index: 9997;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }

  .floating-demo-actions .btn {
    min-height: 46px;
    font-size: .82rem;
  }

  .tour-popover {
    left: 10px !important;
    right: 10px !important;
    bottom: 72px !important;
    top: auto !important;
    width: auto !important;
    max-height: calc(100vh - 94px);
    overflow: auto;
  }

  .thermo-grid {
    grid-template-columns: 1fr;
  }

  .thermo-scale-row {
    grid-template-columns: 92px 1fr 42px;
    font-size: .84rem;
  }
}

/* V35 - menu demo compacto, tour obrigatório e termômetro funcional */
@media (min-width: 1081px) {
  .demo-header .header-inner { width: min(1540px, calc(100% - 28px)); gap: 10px; }
  .demo-header .brand { min-width: 118px; flex: 0 0 auto; }
  .demo-header .brand img { height: 40px; max-width: 66px; object-fit: contain; }
  .demo-header .brand span { font-size: .68rem; line-height: 1; max-width: 54px; }
  .demo-nav { flex: 1 1 auto; justify-content: center; gap: clamp(5px, .56vw, 9px); font-size: clamp(.68rem, .72vw, .78rem); letter-spacing: -.025em; white-space: nowrap; }
  .demo-nav a { padding: 7px 0; }
  .demo-nav a[href="/"] { padding: 6px 9px; }
  .header-actions { gap: 6px; }
  .header-actions .btn.small { min-height: 35px; padding-inline: 10px; font-size: .72rem; }
}
@media (min-width: 1081px) and (max-width: 1320px) {
  .demo-nav { font-size: .64rem; gap: 5px; }
  .header-actions .btn.small { font-size: .66rem; padding-inline: 7px; }
}
.tour-popover::before { content: "Tour obrigatório da demo"; display: inline-flex; margin-bottom: 8px; padding: 4px 8px; border-radius: 999px; background: rgba(57,229,143,.14); color: #caffdf; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.speedometer-functional { align-items: stretch; }
.live-thermo-panel { overflow: visible; }
.thermo-live-wrap { display: grid; gap: 16px; }
.thermo-live-grid { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; align-items: center; }
.vertical-thermo { min-height: 330px; display: flex; align-items: flex-end; justify-content: center; position: relative; }
.thermo-tube { position: relative; width: 58px; height: 292px; border: 1px solid rgba(246,207,115,.35); border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); box-shadow: inset 0 0 18px rgba(255,255,255,.08), 0 18px 48px rgba(0,0,0,.35); overflow: visible; }
.thermo-fill { position: absolute; left: 9px; right: 9px; bottom: 9px; height: var(--thermo-score); border-radius: 999px; background: linear-gradient(0deg, #c5162e, #f97316 40%, #f6cf73 68%, #39e58f); box-shadow: 0 0 22px rgba(246,207,115,.38); transition: height .85s cubic-bezier(.2,.8,.2,1); }
.thermo-bulb { position: absolute; bottom: -12px; width: 86px; height: 86px; border-radius: 50%; background: radial-gradient(circle at 35% 28%, #fff1b7, #f97316 38%, #c5162e 78%); border: 8px solid #171512; box-shadow: 0 18px 45px rgba(0,0,0,.45); z-index: 3; }
.thermo-marker { position: absolute; left: 76px; bottom: calc(var(--thermo-score) - 9px); min-width: 78px; transform: translateY(50%); transition: bottom .85s cubic-bezier(.2,.8,.2,1); }
.thermo-marker::before { content: ""; position: absolute; left: -24px; top: 50%; width: 22px; height: 2px; background: var(--gold2); }
.thermo-marker span { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 12px; border-radius: 999px; color: #171009; background: linear-gradient(135deg, var(--gold2), #fff1b7); font-weight: 900; box-shadow: 0 14px 30px rgba(215,169,71,.2); }
.thermo-tube i { position: absolute; right: 72px; transform: translateY(50%); color: var(--soft); font-style: normal; font-size: .78rem; font-weight: 900; }
.thermo-control-card { border: 1px solid rgba(246,207,115,.24); border-radius: var(--radius); background: rgba(255,255,255,.045); padding: 18px; }
.thermo-control-card strong { display: block; color: #fff4cf; font-size: 1.15rem; }
.thermo-control-card p { color: var(--muted); margin-top: 8px; }
.thermo-range-label { display: block; margin-top: 16px; color: var(--gold2); font-weight: 900; font-size: .88rem; }
.thermo-control-card input[type="range"] { width: 100%; accent-color: var(--gold2); margin-top: 10px; }
.thermo-actions-live { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.thermo-reading { margin-top: 16px; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 13px; background: rgba(0,0,0,.16); display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; }
.thermo-reading span { color: var(--muted); font-weight: 800; }
.thermo-reading b { color: #fff4cf; font-size: 1.55rem; }
.thermo-reading em { grid-column: 1 / -1; color: var(--soft); font-style: normal; font-size: .84rem; }
.live-thermo-panel .gauge-needle { transform: rotate(var(--needle-deg)); animation: none; transition: transform .85s cubic-bezier(.2,.8,.2,1); }
@media (max-width: 720px) {
  .thermo-live-grid { grid-template-columns: 1fr; }
  .vertical-thermo { min-height: 300px; margin: 6px auto 0; }
  .thermo-marker { left: 70px; }
  .thermo-tube i { right: 68px; }
  .thermo-actions-live .btn { flex: 1 1 calc(50% - 8px); }
}

/* V36 - termômetro executivo, funcional e visualmente vendável */
.thermo-page-v36{padding-top:70px}
.thermo-v36-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:28px;align-items:stretch}
.thermo-v36-copy{border:1px solid rgba(246,207,115,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:clamp(24px,3vw,38px);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.thermo-v36-copy h1{font-size:clamp(2.5rem,4.6vw,4.9rem);line-height:.97;max-width:900px}
.thermo-v36-summary{border:1px solid rgba(246,207,115,.32);border-radius:30px;background:radial-gradient(circle at 35% 12%,rgba(246,207,115,.20),transparent 34%),linear-gradient(145deg,rgba(19,18,16,.98),rgba(8,8,8,.96));padding:20px;box-shadow:0 34px 100px rgba(0,0,0,.55);overflow:hidden;position:relative}
.thermo-v36-summary:before{content:"";position:absolute;inset:-40% auto auto 52%;width:420px;height:420px;border-radius:50%;background:rgba(57,229,143,.10);filter:blur(30px);pointer-events:none}
.thermo-v36-statusline{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:12px 14px;background:rgba(0,0,0,.26);position:relative;z-index:1}
.thermo-v36-statusline span{color:var(--muted);font-size:.88rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.thermo-v36-statusline strong{color:#caffdf;font-size:1rem;text-align:right}
.thermo-v36-main{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:center;margin-top:20px;position:relative;z-index:1}
.thermo-v36-device{position:relative;min-height:470px;display:flex;align-items:flex-end;justify-content:center;padding-right:52px}
.thermo-v36-glass{position:relative;width:92px;height:390px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 0 24px rgba(255,255,255,.16),inset 0 -28px 36px rgba(0,0,0,.32),0 30px 80px rgba(0,0,0,.42);overflow:hidden}
.thermo-v36-glass:before{content:"";position:absolute;inset:10px 23px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.035));z-index:3;pointer-events:none}
.thermo-v36-liquid{position:absolute;left:13px;right:13px;bottom:13px;height:var(--thermo-score);max-height:calc(100% - 26px);border-radius:999px;background:linear-gradient(0deg,#d71920 0%,#f97316 38%,#f6cf73 64%,#39e58f 100%);box-shadow:0 0 28px rgba(246,207,115,.45),0 0 44px rgba(57,229,143,.22);transition:height .85s cubic-bezier(.2,.8,.2,1);z-index:2}
.thermo-v36-shine{position:absolute;left:18px;top:18px;width:15px;height:76%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.04));z-index:4;opacity:.65;pointer-events:none}
.thermo-v36-bulb{position:absolute;bottom:4px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff6bf 0 12%,#f6cf73 13% 28%,#f97316 44%,#c5162e 82%);border:12px solid #141210;box-shadow:0 26px 72px rgba(0,0,0,.55),0 0 36px rgba(249,115,22,.22);z-index:5}
.thermo-v36-marker{position:absolute;left:106px;bottom:calc(var(--thermo-score) - 7px);transform:translateY(50%);transition:bottom .85s cubic-bezier(.2,.8,.2,1);z-index:8;display:grid;gap:0}
.thermo-v36-marker:before{content:"";position:absolute;left:-41px;top:50%;width:38px;height:3px;border-radius:999px;background:#fff4cf;box-shadow:0 0 18px rgba(246,207,115,.8)}
.thermo-v36-marker b{min-width:104px;border-radius:16px 16px 16px 4px;padding:8px 12px;background:linear-gradient(135deg,#fff2ac,#f6cf73);color:#161007;font-size:1.36rem;line-height:1;font-weight:1000;box-shadow:0 18px 42px rgba(0,0,0,.35)}
.thermo-v36-marker small{color:#fff4cf;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;margin-left:12px;margin-top:5px;text-shadow:0 2px 8px #000}
.thermo-v36-ticks{position:absolute;right:0;bottom:70px;height:390px;width:46px;color:var(--soft);font-size:.78rem;font-weight:900}
.thermo-v36-ticks span{position:absolute;right:0;transform:translateY(50%)}
.thermo-v36-ticks span:before{content:"";position:absolute;right:28px;top:50%;width:15px;height:1px;background:rgba(255,255,255,.28)}
.thermo-v36-zone{position:absolute;left:0;right:0;display:grid;place-items:center;color:rgba(0,0,0,.58);font-size:.64rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;z-index:1;pointer-events:none;writing-mode:vertical-rl;transform:rotate(180deg)}
.thermo-v36-zone.hot{bottom:0;height:34%;background:rgba(197,22,46,.32)}
.thermo-v36-zone.warn{bottom:34%;height:32%;background:rgba(249,115,22,.25)}
.thermo-v36-zone.good{bottom:66%;height:34%;background:rgba(57,229,143,.22)}
.thermo-v36-panel{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);padding:20px;backdrop-filter:blur(12px)}
.thermo-v36-label{display:block;color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.thermo-v36-number{display:block;margin-top:6px;color:#fff4cf;font-size:clamp(4rem,9vw,7.4rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 10px 36px rgba(246,207,115,.12)}
.thermo-v36-panel p{color:var(--muted);margin-top:12px;font-size:1.02rem}
.thermo-v36-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.thermo-v36-actions .btn{width:100%;justify-content:center}
.thermo-v36-reading{margin-top:16px;border:1px solid rgba(246,207,115,.22);border-radius:18px;background:rgba(0,0,0,.22);padding:14px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}
.thermo-v36-reading span{color:var(--muted);font-weight:900}
.thermo-v36-reading b{color:#fff4cf;font-size:1.85rem;line-height:1}
.thermo-v36-reading em{grid-column:1/-1;color:var(--soft);font-style:normal;font-size:.84rem}
.thermo-v36-dashboard{display:grid;gap:18px}
.thermo-v36-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.thermo-v36-kpi{border:1px solid rgba(246,207,115,.2);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));padding:18px;box-shadow:0 18px 44px rgba(0,0,0,.20)}
.thermo-v36-kpi span{display:block;color:var(--muted);font-size:.9rem;font-weight:800}
.thermo-v36-kpi strong{display:block;color:#fff4cf;font-size:2.25rem;line-height:1;margin-top:8px;letter-spacing:-.05em}
.thermo-v36-kpi em{display:block;color:var(--soft);font-style:normal;font-size:.86rem;margin-top:6px}
.thermo-v36-logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.thermo-v36-card,.thermo-v36-public-card{border:1px solid rgba(246,207,115,.22);border-radius:24px;background:rgba(255,255,255,.045);padding:22px}
.thermo-v36-card h2,.thermo-v36-public-card h2{font-size:clamp(1.6rem,2.5vw,2.35rem);color:#fff4cf;letter-spacing:-.04em}
.thermo-v36-card p,.thermo-v36-public-card p{color:var(--muted);margin-top:10px}
.thermo-v36-bars{display:grid;gap:13px;margin-top:18px}
.thermo-v36-bars div{display:grid;grid-template-columns:128px 1fr 48px;gap:10px;align-items:center;color:var(--muted);font-weight:800;font-size:.92rem}
.thermo-v36-bars i{height:14px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}
.thermo-v36-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f97316,#f6cf73,#39e58f)}
.thermo-v36-bars i.danger b{background:linear-gradient(90deg,#39e58f,#f6cf73,#f97316,#c5162e)}
.thermo-v36-bars strong{color:#fff4cf;text-align:right}
.thermo-v36-list{display:grid;gap:10px;margin-top:14px}
.thermo-v36-list li{list-style:none;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.18);padding:12px;color:var(--muted)}
.thermo-v36-list strong{color:#fff4cf}
.thermo-v36-public-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(246,207,115,.12),rgba(57,229,143,.08),rgba(255,255,255,.035))}
.thermo-v36-public-card .btn{white-space:nowrap}
@media(max-width:1180px){.thermo-v36-hero{grid-template-columns:1fr}.thermo-v36-main{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:820px){.thermo-v36-main{grid-template-columns:1fr}.thermo-v36-device{min-height:430px;margin:0 auto}.thermo-v36-kpis,.thermo-v36-logic-grid,.thermo-v36-public-card{grid-template-columns:1fr}.thermo-v36-bars div{grid-template-columns:108px 1fr 42px}.thermo-v36-public-card .btn{width:100%}}
@media(max-width:520px){.thermo-page-v36{padding-top:44px}.thermo-v36-summary{padding:14px;border-radius:24px}.thermo-v36-copy{padding:22px}.thermo-v36-device{transform:scale(.86);transform-origin:center bottom;min-height:390px}.thermo-v36-panel{padding:16px}.thermo-v36-number{font-size:4.5rem}.thermo-v36-actions{grid-template-columns:1fr}.thermo-v36-bars div{grid-template-columns:1fr 1fr;gap:6px}.thermo-v36-bars i{grid-column:1/-1}.thermo-v36-bars strong{text-align:left}.thermo-v36-statusline{display:grid}.thermo-v36-statusline strong{text-align:left}}


/* V37 - demo premium: tour obrigatório e termômetro executivo funcional */
@media (min-width:1081px) {
  .demo-header .header-inner { width:min(1580px, calc(100% - 24px)); min-height:66px; }
  .demo-header .brand { min-width:104px; }
  .demo-header .brand img { height:36px; max-width:58px; background:transparent!important; }
  .demo-header .brand span { font-size:.62rem; }
  .demo-nav { gap:clamp(4px,.45vw,8px); font-size:clamp(.61rem,.66vw,.72rem); }
  .demo-nav a { letter-spacing:-.025em; }
  .demo-header .header-actions .btn.small { min-height:33px; padding-inline:7px; font-size:.65rem; }
}
.tour-popover { z-index: 10050 !important; }
.tour-backdrop { z-index: 10000 !important; background: rgba(0,0,0,.32) !important; pointer-events: auto; }
.tour-pulse { z-index: 10020 !important; box-shadow: 0 0 0 9999px rgba(0,0,0,.18); }
.tour-popover::before { content:"Tour obrigatório da demo"; }
.thermo-v37 .subtitle { max-width: 760px; }
.thermo-v37-hero { display:grid; grid-template-columns: .92fr 1.08fr; gap:24px; align-items:center; }
.thermo-v37-copy { border:1px solid rgba(246,207,115,.22); border-radius:var(--radius); padding:26px; background:linear-gradient(145deg,rgba(246,207,115,.10),rgba(255,255,255,.04)); }
.thermo-v37-formula { margin-top:18px; border:1px solid var(--line); border-radius:18px; padding:14px; background:rgba(0,0,0,.18); }
.thermo-v37-formula span { display:block; color:var(--soft); font-weight:900; font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; }
.thermo-v37-formula strong { display:block; color:#fff4cf; margin-top:4px; font-size:1.05rem; }
.thermo-v37-cockpit { border:1px solid rgba(246,207,115,.30); border-radius:28px; padding:20px; background:radial-gradient(circle at 20% 0%,rgba(57,229,143,.12),transparent 30%), radial-gradient(circle at 80% 15%,rgba(246,207,115,.16),transparent 34%), #11100e; box-shadow:0 30px 90px rgba(0,0,0,.55); overflow:hidden; }
.thermo-v37-topline { display:flex; justify-content:space-between; gap:12px; align-items:center; border-bottom:1px solid var(--line); padding-bottom:14px; margin-bottom:18px; }
.thermo-v37-topline span { color:var(--soft); font-weight:900; font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; }
.thermo-v37-topline strong { color:#caffdf; }
.thermo-v37-main { display:grid; grid-template-columns:230px minmax(0,1fr); gap:22px; align-items:center; }
.thermo-v37-tower { position:relative; min-height:470px; display:flex; align-items:flex-end; justify-content:center; padding:22px 0 48px; }
.thermo-v37-tube { position:relative; width:102px; height:380px; border-radius:999px; overflow:hidden; border:1px solid rgba(255,255,255,.22); background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)); box-shadow:inset 0 0 26px rgba(255,255,255,.09), 0 22px 60px rgba(0,0,0,.5); }
.thermo-v37-zone { position:absolute; left:0; right:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.78); font-size:.66rem; font-weight:900; text-transform:uppercase; letter-spacing:.05em; writing-mode:vertical-rl; transform:rotate(180deg); border-top:1px solid rgba(255,255,255,.10); }
.thermo-v37-zone.z4 { top:0; height:22%; background:rgba(57,229,143,.18); }
.thermo-v37-zone.z3 { top:22%; height:26%; background:rgba(246,207,115,.13); }
.thermo-v37-zone.z2 { top:48%; height:27%; background:rgba(249,115,22,.14); }
.thermo-v37-zone.z1 { bottom:0; height:25%; background:rgba(197,22,46,.18); }
.thermo-v37-fill { position:absolute; left:10px; right:10px; bottom:10px; height:calc(var(--thermo-score) - 1%); min-height:18px; border-radius:999px; background:linear-gradient(0deg,#c5162e 0%,#f97316 38%,#f6cf73 66%,#39e58f 100%); box-shadow:0 0 28px rgba(246,207,115,.42); transition:height .85s cubic-bezier(.2,.8,.2,1); z-index:3; }
.thermo-v37-glare { position:absolute; top:18px; bottom:18px; left:22px; width:16px; border-radius:999px; background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.03)); z-index:4; opacity:.55; }
.thermo-v37-bulb { position:absolute; bottom:0; width:142px; height:142px; border-radius:50%; background:radial-gradient(circle at 35% 28%,#fff1b7,#f97316 38%,#c5162e 74%); border:12px solid #171512; box-shadow:0 24px 65px rgba(0,0,0,.55); z-index:5; }
.thermo-v37-marker { position:absolute; left:170px; bottom:calc(48px + (var(--thermo-score) * 3.18)); transform:translateY(50%); transition:bottom .85s cubic-bezier(.2,.8,.2,1); z-index:8; }
.thermo-v37-marker::before { content:""; position:absolute; left:-52px; top:50%; width:48px; height:3px; background:var(--gold2); box-shadow:0 0 20px rgba(246,207,115,.5); }
.thermo-v37-marker b { display:flex; align-items:center; justify-content:center; min-width:86px; min-height:42px; padding:0 14px; border-radius:999px; color:#171009; background:linear-gradient(135deg,var(--gold2),#fff1b7); font-weight:1000; box-shadow:0 18px 42px rgba(215,169,71,.25); }
.thermo-v37-marker small { display:block; color:var(--soft); font-weight:900; text-align:center; margin-top:4px; }
.thermo-v37-scale-label { position:absolute; left:0; color:var(--soft); font-size:.78rem; font-weight:900; }
.thermo-v37-scale-label.top { top:38px; }.thermo-v37-scale-label.mid{top:220px}.thermo-v37-scale-label.bottom{bottom:88px}
.thermo-v37-control { border:1px solid rgba(246,207,115,.22); border-radius:22px; padding:18px; background:rgba(255,255,255,.045); }
.thermo-v37-label { color:var(--soft); font-weight:900; text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; }
.thermo-v37-control > strong { display:block; color:#fff4cf; font-size:clamp(3.3rem,8vw,5.8rem); line-height:.88; letter-spacing:-.08em; margin-top:10px; }
.thermo-v37-control p { color:var(--muted); margin-top:10px; }
.thermo-v37-control input[type="range"] { width:100%; accent-color:var(--gold2); margin-top:10px; }
.thermo-v37-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.thermo-v37-actions .btn { width:100%; }
.thermo-v37-reading { margin-top:14px; border:1px solid var(--line); border-radius:16px; padding:12px; background:rgba(0,0,0,.20); display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:center; }
.thermo-v37-reading span { color:var(--soft); font-weight:900; }
.thermo-v37-reading b { color:#fff4cf; font-size:1.5rem; }
.thermo-v37-reading em { grid-column:1/-1; color:var(--soft); font-style:normal; font-size:.82rem; }
.thermo-v37-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.thermo-v37-kpis article, .thermo-v37-card, .thermo-v37-public-card { border:1px solid rgba(246,207,115,.22); border-radius:22px; background:rgba(255,255,255,.045); padding:18px; }
.thermo-v37-kpis span { color:var(--muted); font-size:.86rem; font-weight:800; }.thermo-v37-kpis strong { display:block; color:#fff4cf; font-size:2rem; line-height:1; margin-top:7px; }.thermo-v37-kpis em { display:block; color:var(--soft); font-style:normal; margin-top:6px; font-size:.82rem; }
.thermo-v37-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:16px; }
.thermo-v37-card h2, .thermo-v37-public-card h2 { color:#fff4cf; font-size:clamp(1.5rem,2.5vw,2.2rem); }.thermo-v37-card p,.thermo-v37-public-card p{color:var(--muted);margin-top:8px}
.thermo-v37-bars { display:grid; gap:12px; margin-top:16px; }.thermo-v37-bars div { display:grid; grid-template-columns:132px 1fr 48px; gap:10px; align-items:center; color:var(--muted); font-size:.9rem; }.thermo-v37-bars i { height:12px; border-radius:999px; background:rgba(255,255,255,.1); overflow:hidden; }.thermo-v37-bars b { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#f97316,#f6cf73,#39e58f); }.thermo-v37-bars i.danger b{background:linear-gradient(90deg,#f6cf73,#f97316,#c5162e)}.thermo-v37-bars strong{color:#fff4cf}
.thermo-v37-alert-list { display:grid; gap:10px; margin-top:14px; }.thermo-v37-alert-list div { display:grid; grid-template-columns:1fr auto; gap:3px 10px; border:1px solid var(--line); border-radius:16px; padding:12px; background:rgba(0,0,0,.18); }.thermo-v37-alert-list strong { color:#fff4cf; }.thermo-v37-alert-list span { color:var(--muted); }.thermo-v37-alert-list b { grid-row:1/3; grid-column:2; align-self:center; color:#171009; background:linear-gradient(135deg,var(--gold2),#fff1b7); border-radius:999px; padding:6px 9px; font-size:.76rem; }
.thermo-v37-public-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; background:linear-gradient(145deg,rgba(246,207,115,.10),rgba(255,255,255,.045)); }.thermo-v37-public-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1080px){.thermo-v37-hero,.thermo-v37-main,.thermo-v37-grid,.thermo-v37-public-card{grid-template-columns:1fr;display:grid}.thermo-v37-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.thermo-v37-tower{max-width:260px;margin:0 auto}.thermo-v37-marker{left:174px}.thermo-v37-public-actions{justify-content:flex-start}}
@media(max-width:720px){.thermo-v37-copy,.thermo-v37-cockpit{padding:16px}.thermo-v37-kpis{grid-template-columns:1fr}.thermo-v37-tower{min-height:420px;transform:scale(.9);transform-origin:center bottom}.thermo-v37-marker{left:160px}.thermo-v37-control > strong{font-size:4rem}.thermo-v37-bars div{grid-template-columns:94px 1fr 44px;font-size:.82rem}.thermo-v37-actions{grid-template-columns:1fr 1fr}.thermo-v37-public-actions .btn{width:100%}}