/* template-skin:gauge prefix:gg */
/**
 * Gauge — industrial bankroll meter (teal / amber)
 * Chrome: sticky continuous zone strip (calibrado|atenção|stop) + dial face
 * ≠ ridge altimeter steps, ≠ mesa bottom tray, ≠ vault chips, ≠ clerk ticket rail
 */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6.75rem}
html,body{margin:0}
body{
  --gg-ink:#132428;--gg-muted:#5a6e72;--gg-paper:#eef4f3;--gg-card:#fff;
  --gg-teal:#0d7377;--gg-teal-deep:#095456;--gg-amber:#d97706;--gg-amber-deep:#b45309;
  --gg-stop:#b91c1c;--gg-line:#c5d4d2;--gg-panel:#0b3d40;
  --gg-font:"Nunito Sans","Segoe UI",sans-serif;--gg-display:"Libre Franklin",system-ui,sans-serif;
  font-family:var(--gg-font);line-height:1.65;color:var(--gg-ink);
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%,rgba(13,115,119,.14),transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 0%,rgba(217,119,6,.1),transparent 50%),
    linear-gradient(180deg,#e2eceb 0%,var(--gg-paper) 40%,#e8f0ef 100%);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gg-teal-deep);text-underline-offset:3px}
a:hover{color:var(--gg-amber-deep)}

.gg-shell{min-height:100vh;display:flex;flex-direction:column}
.gg-wrap{width:min(1080px,calc(100% - 2rem));margin-inline:auto}

/* sticky TOP continuous meter — not numbered steps */
.gg-meter{
  position:sticky;top:0;z-index:50;background:var(--gg-panel);color:#cfe8e6;
  border-bottom:3px solid var(--gg-amber);font-size:.78rem;
  padding:.45rem 0;padding-top:max(.45rem,env(safe-area-inset-top));
}
.gg-meter[hidden]{display:none}
.gg-meter__inner{width:min(1120px,calc(100% - 1rem));margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}
.gg-meter__label{letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gg-amber);font-size:.62rem;font-family:var(--gg-display)}
.gg-meter__bar{display:flex;flex:1;min-width:12rem;height:1.55rem;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.gg-zone{flex:1;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.gg-zone--ok{background:var(--gg-teal);color:#fff}
.gg-zone--warn{background:var(--gg-amber);color:#1a1200}
.gg-zone--stop{background:var(--gg-stop);color:#fff}
.gg-meter__x{margin-left:auto;background:0;border:0;color:#7aa8a6;font-size:1.25rem;cursor:pointer;line-height:1}

.gg-head{background:rgba(238,244,243,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--gg-line);position:sticky;top:2.55rem;z-index:40}
.gg-head__row{width:min(1120px,calc(100% - 1.25rem));margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem;padding:.6rem 0}
.gg-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--gg-ink)}
.gg-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gg-teal)}
.gg-brand__name{font-family:var(--gg-display);font-weight:700;font-size:1.05rem}
.gg-brand__tag{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gg-teal);font-weight:800}
.gg-nav{display:none;gap:.9rem;margin-left:auto}
@media(min-width:960px){.gg-nav{display:flex}}
.gg-nav a{color:var(--gg-muted);text-decoration:none;font-weight:700;font-size:.88rem}
.gg-nav a.is-active,.gg-nav a:hover{color:var(--gg-teal-deep);box-shadow:inset 0 -2px 0 var(--gg-amber)}
.gg-head__cta{display:flex;align-items:center;gap:.4rem;margin-left:auto}
@media(min-width:960px){.gg-head__cta{margin-left:0}}
.gg-burger{display:inline-flex;width:2.2rem;height:2.2rem;align-items:center;justify-content:center;border:1px solid var(--gg-line);background:#fff;cursor:pointer;border-radius:50%}
@media(min-width:960px){.gg-burger{display:none}}
.gg-drawer{display:none;flex-direction:column;gap:.5rem;padding:0 1.25rem 1rem;background:var(--gg-panel)}
.gg-drawer.is-open{display:flex}
.gg-drawer a{color:#d5f0ee;text-decoration:none;font-weight:700;padding:.3rem 0}

.gg-btn{display:inline-flex;align-items:center;justify-content:center;font:700 .88rem/1.2 var(--gg-display);text-decoration:none;border-radius:999px;padding:.55rem 1.1rem;border:1px solid transparent}
.gg-btn--teal{background:var(--gg-teal);color:#fff;border-color:var(--gg-teal-deep)}
.gg-btn--teal:hover{background:var(--gg-teal-deep);color:#fff}
.gg-btn--amber{background:var(--gg-amber);color:#1a1200;border-color:var(--gg-amber-deep)}
.gg-btn--amber:hover{background:var(--gg-amber-deep);color:#fff}
.gg-btn--ghost{background:transparent;color:var(--gg-ink);border-color:var(--gg-line)}
.gg-btn--line{background:#fff;color:var(--gg-teal-deep);border-color:var(--gg-teal)}
.gg-btn--line:hover{background:var(--gg-teal);color:#fff}
.gg-btn--lg{padding:.75rem 1.3rem;font-size:.95rem}

.gg-dial{padding:clamp(1.8rem,4.5vw,3rem) 0 1.6rem}
.gg-dial__grid{display:grid;gap:1.5rem;align-items:center}
@media(min-width:880px){.gg-dial__grid{grid-template-columns:1.15fr .85fr}}
.gg-dial__kicker{margin:0 0 .45rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gg-teal);font-weight:800}
.gg-dial__brand{margin:0 0 .65rem;font-family:var(--gg-display);font-size:clamp(2.1rem,5.5vw,3.3rem);line-height:1.05;font-weight:700}
.gg-dial__lead{margin:0 0 1.15rem;max-width:34rem;color:var(--gg-muted);font-size:1.05rem}
.gg-dial__acts{display:flex;flex-wrap:wrap;gap:.55rem}

.gg-face{
  position:relative;width:min(260px,70vw);aspect-ratio:1;margin:0 auto;
  border-radius:50%;background:
    conic-gradient(from 210deg,var(--gg-teal) 0 70deg,var(--gg-amber) 70deg 140deg,var(--gg-stop) 140deg 180deg,#1a3335 180deg 360deg);
  box-shadow:inset 0 0 0 10px var(--gg-panel),0 12px 28px rgba(11,61,64,.25);
}
.gg-face__needle{
  position:absolute;left:50%;bottom:50%;width:4px;height:38%;
  background:linear-gradient(180deg,#fff,var(--gg-amber));border-radius:2px;
  transform-origin:bottom center;transform:translateX(-50%) rotate(-28deg);
  box-shadow:0 0 0 1px rgba(0,0,0,.2);
}
.gg-face__hub{
  position:absolute;left:50%;top:50%;width:1.1rem;height:1.1rem;border-radius:50%;
  background:var(--gg-amber);border:3px solid #fff;transform:translate(-50%,-50%);
}
.gg-face__cap{text-align:center;margin:.7rem 0 0;font-size:.78rem;color:var(--gg-muted);font-weight:700;letter-spacing:.04em}

.gg-zones{padding:0 0 2.1rem}
.gg-zones__row{display:grid;gap:.85rem}
@media(min-width:800px){.gg-zones__row{grid-template-columns:1fr 1fr 1fr}}
.gg-zone-card{
  background:var(--gg-card);border:1px solid var(--gg-line);border-radius:1rem 1rem .4rem .4rem;
  padding:1.15rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;min-height:10rem;
  box-shadow:0 8px 0 -4px rgba(13,115,119,.08);
}
.gg-zone-card--ok{border-top:4px solid var(--gg-teal)}
.gg-zone-card--warn{border-top:4px solid var(--gg-amber)}
.gg-zone-card--stop{border-top:4px solid var(--gg-stop)}
.gg-zone-card h2{margin:0;font-family:var(--gg-display);font-size:1.15rem}
.gg-zone-card p{margin:0;color:var(--gg-muted);flex:1;font-size:.95rem}
.gg-zone-card a{font-weight:800;text-decoration:none;color:var(--gg-teal-deep)}

.gg-gallery{padding:0 0 2.3rem}
.gg-gallery__grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}
.gg-gallery figure{margin:0;overflow:hidden;border-radius:.85rem;border:1px solid var(--gg-line);background:var(--gg-panel);position:relative}
.gg-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.gg-gallery__tall img{aspect-ratio:9/16;max-height:280px;margin-inline:auto;width:auto;max-width:100%}
@media(min-width:800px){
  .gg-gallery__grid{grid-template-columns:1.45fr .72fr;grid-template-rows:auto auto}
  .gg-gallery figure:nth-child(1){grid-column:1;grid-row:1;aspect-ratio:16/9}
  .gg-gallery figure:nth-child(2){grid-column:1;grid-row:2;aspect-ratio:16/9}
  .gg-gallery__tall{grid-column:2;grid-row:1 / span 2;aspect-ratio:auto;height:100%;min-height:0}
  .gg-gallery img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;max-height:none;margin:0}
  .gg-gallery__tall img{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0}
}

.gg-block{padding:0 0 2.75rem}
.gg-block__head{margin-bottom:1rem}
.gg-block__head h2{margin:0 0 .3rem;font-family:var(--gg-display);font-size:1.5rem}
.gg-block__head p{margin:0;color:var(--gg-muted)}
.gg-block__more{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.4rem}

.gg-page{padding:1.5rem 0 2.75rem;flex:1}
.gg-h1{margin:.3rem 0 1rem;font-family:var(--gg-display);font-size:clamp(1.55rem,3.4vw,2.05rem)}
.gg-lead{color:var(--gg-muted);margin:0 0 1.2rem;max-width:40rem}
.gg-crumb{font-size:.85rem;color:var(--gg-muted);margin-bottom:.45rem}
.gg-prose h2{font-family:var(--gg-display);font-size:1.2rem;margin:1.4rem 0 .5rem}
.gg-prose ol,.gg-prose ul{padding-left:1.2rem}
.gg-fig{margin:0 0 1.2rem;border:1px solid var(--gg-line);border-radius:.75rem;overflow:hidden;background:#fff}
.gg-fig img{width:100%}
.gg-fig figcaption{padding:.5rem .7rem;font-size:.82rem;color:var(--gg-muted);border-top:1px solid var(--gg-line)}
.gg-faq details{border:1px solid var(--gg-line);background:#fff;margin:0 0 .5rem;padding:.65rem .85rem;border-radius:.65rem;border-left:3px solid var(--gg-teal)}
.gg-faq summary{cursor:pointer;font-weight:800;font-family:var(--gg-display)}

.gg-news{display:grid;gap:1rem}
@media(min-width:700px){.gg-news{grid-template-columns:1fr 1fr}}
.gg-news-card{background:#fff;border:1px solid var(--gg-line);border-radius:.85rem;overflow:hidden;display:flex;flex-direction:column}
.gg-news-card__media img,.gg-news-card__media picture{width:100%;aspect-ratio:16/9;object-fit:cover}
.gg-news-card__body{padding:.85rem 1rem 1rem}
.gg-news-card__title{margin:0 0 .35rem;font-family:var(--gg-display);font-size:1.05rem}
.gg-news-card__title a{color:var(--gg-ink);text-decoration:none}
.gg-news-card__title a:hover{color:var(--gg-teal-deep)}
.gg-news-card__excerpt{margin:0;color:var(--gg-muted);font-size:.9rem}
.gg-news-card__meta{display:flex;gap:.5rem .75rem;flex-wrap:wrap;font-size:.78rem;color:var(--gg-muted);margin:0 0 .45rem}
.gg-news-empty{color:var(--gg-muted)}
.gg-pager{margin-top:1.2rem;display:grid;gap:.45rem;justify-items:center}
.gg-pager__row{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;align-items:center}
.gg-pager__pages{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
.gg-pager__btn,.gg-pager__num{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--gg-line);background:#fff;text-decoration:none;color:var(--gg-ink);font-weight:800;font-size:.85rem;border-radius:999px}
.gg-pager__num.is-current{background:var(--gg-teal);color:#fff;border-color:var(--gg-teal)}
.gg-pager__btn.is-disabled{opacity:.4;pointer-events:none}
.gg-pager__status{font-size:.78rem;color:var(--gg-muted)}
.gg-pager-nav{display:flex;justify-content:space-between;gap:1rem;margin:1.4rem 0}
.gg-related{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--gg-line)}
.gg-digest{background:#fff;border:1px solid var(--gg-line);border-radius:.75rem;padding:1rem;margin:1rem 0;border-left:4px solid var(--gg-amber)}
.gg-meta{font-size:.85rem;color:var(--gg-muted)}

.gg-foot{margin-top:auto;background:var(--gg-panel);color:#a8c9c7;padding:2.2rem 0 1.4rem;padding-bottom:max(1.4rem,env(safe-area-inset-bottom))}
.gg-foot a{color:#e4f5f3}
.gg-foot__grid{display:grid;gap:1.4rem}
@media(min-width:800px){.gg-foot__grid{grid-template-columns:1.4fr 1fr 1.2fr}}
.gg-foot__brand{font-family:var(--gg-display);font-size:1.25rem;color:#fff;margin:0 0 .5rem}
.gg-foot h3{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gg-amber);font-family:var(--gg-display)}
.gg-foot ul{list-style:none;margin:0;padding:0}
.gg-foot li{margin:.28rem 0}
.gg-foot__meta{margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:#6f9492}

@media(prefers-reduced-motion:no-preference){
  .gg-face__needle{animation:gg-tick .9s ease both}
  .gg-zone-card{animation:gg-rise .5s ease both}
  .gg-zone-card--warn{animation-delay:.08s}
  .gg-zone-card--stop{animation-delay:.16s}
  .gg-dial__brand{animation:gg-rise .45s ease both}
}
@keyframes gg-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes gg-tick{from{transform:translateX(-50%) rotate(-55deg)}to{transform:translateX(-50%) rotate(-28deg)}}
