:root{--bg:#070707;--card:#151515;--text:#f4f4f4;--muted:#c6c6c6;--gold:#c8a86b;--gold-strong:#e0c38c;--border:rgba(200,168,107,.24);--shadow:0 20px 50px rgba(0,0,0,.35);--radius:18px;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Montserrat',Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 32px,var(--container));margin:0 auto}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,7,7,.88);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{height:72px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--muted);font-size:.95rem;transition:.2s ease}.nav a:hover,.nav a.is-active{color:var(--gold-strong)}
.hero{position:relative;margin-bottom: -80px;min-height:72vh;display:flex;align-items:center;background:linear-gradient(rgba(7,7,7,.62),rgba(7,7,7,.86)),url('https://www.hotbar.com.br/img/slider/sao-paulo/banner-3.webp') center center/cover no-repeat;overflow:hidden}
.hero:after{content:'';position:absolute;inset:auto 0 0 0;height:180px;background:linear-gradient(to top,var(--bg),transparent)}.hero-content{position:relative;z-index:1;max-width:860px;padding:92px 0 96px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;margin-bottom:18px;border-radius:999px;border:1px solid var(--border);color:var(--gold-strong);background:rgba(0,0,0,.25);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}
h1,h2,h3{margin:0 0 16px;line-height:1.15}h1,h2{font-family:'Playfair Display',serif}h1{font-size:clamp(2.4rem,5vw,4.6rem);max-width:960px}.section h2{font-size:clamp(2rem,4vw,3rem)}
.hero p{max-width:780px;font-size:1.08rem;color:#e8e8e8;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;transition:.2s ease;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#111;box-shadow:var(--shadow)}.btn-secondary{border-color:var(--border);background:rgba(255,255,255,.02);color:var(--text)}
.section{position:relative;padding:40px 0;clear:both}.section+.section{border-top:1px solid rgba(255,255,255,.05)}.section.highlight{background:linear-gradient(180deg,rgba(200,168,107,.08),rgba(200,168,107,.03))}.section.highlight+.section,.section+.section.highlight{border-top:0}
.section-header{max-width:850px;margin:0 auto 52px;text-align:center}.section-header h2{margin-bottom:14px}.section-header p{max-width:760px;margin:0 auto;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.card h3,.faq-item h3,.info-pill strong{display:block;margin-bottom:8px;color:var(--gold-strong);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.card p,.card li,.number-list{color:var(--muted)}
.checklist,.tips-list{list-style:none;padding:0;margin:0}.checklist li,.tips-list li{position:relative;padding-left:28px;margin-bottom:12px}.checklist li:before,.tips-list li:before{content:'•';position:absolute;left:8px;top:0;color:var(--gold-strong);font-size:1.1rem}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step{position:relative;padding:26px 24px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.step:before{counter-increment:step;content:counter(step);width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#111;font-weight:700;font-size:1rem}
.step h3{color:var(--text);margin-bottom:10px;font-size:1.18rem}.step p{color:var(--muted);margin:0}
.info-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.info-pill{padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.info-pill span{color:var(--text);font-size:.98rem}
.faq-item{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08)}.faq-item:last-child{border-bottom:0;padding-bottom:6px}
.number-list{max-width:860px;margin:18px auto 0;padding-left:24px;line-height:1.9}.number-list li+li{margin-top:8px}.promo-card,.summary-card,.card-spaced{margin-top:28px}.highlight-card{background:linear-gradient(180deg,rgba(200,168,107,.12),rgba(255,255,255,.01))}
.cta-box{padding:42px;border-radius:24px;background:linear-gradient(180deg,rgba(200,168,107,.12),rgba(255,255,255,.02)),url('https://www.hotbar.com.br/img/galeria/04.webp') center center/cover no-repeat;border:1px solid var(--border);position:relative;overflow:hidden;margin-top:12px}
.cta-box:before{content:'';position:absolute;inset:0;background:rgba(7,7,7,.72)}.cta-box-inner{position:relative;z-index:1;max-width:780px}.cta-box p{color:#e2e2e2}
.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.chip{padding:10px 14px;border:1px solid var(--border);border-radius:999px;color:var(--gold-strong);background:rgba(255,255,255,.02)}
footer{padding:32px 0 50px;border-top:1px solid rgba(255,255,255,.06);color:#bcbcbc}.footer-inner{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.small{font-size:.94rem;color:var(--muted)}
@media (max-width:980px){.grid-2,.grid-3,.steps,.info-bar{grid-template-columns:1fr}.hero{min-height:auto}.topbar-inner{padding:12px 0;align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}}
@media (max-width:680px){.hero-content{padding:70px 0 74px}.section{padding:74px 0}.card,.step,.cta-box{padding:24px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}}


.topic-card .topic-icon{
  width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:18px;background:linear-gradient(135deg, rgba(200,168,107,.22), rgba(255,255,255,.04));
  border:1px solid var(--border); color:var(--gold-strong); font-size:1.35rem; font-weight:700;
}
.topic-card p:last-of-type{margin-bottom:0}
.topic-card .btn{margin-top:18px}
.alpha-nav { justify-content:center; }
.gloss-letter { text-align:center; }

.site-footer {
  background: #050505;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 60px 0 28px;
  color: #d7d7d7;
}

.site-footer .footer-top {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 48px;
  align-items: start;
}

.site-footer .footer-logo img {
  height: 56px;
  width: auto;
  display: block;
  margin-bottom: 18px;
}

.site-footer .footer-brand p {
  max-width: 360px;
  color: #a9a9a9;
  line-height: 1.7;
  margin: 0;
}

.site-footer .footer-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

.site-footer .footer-column h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.15rem;
  color: #e0c38c;
  margin: 0 0 14px;
}

.site-footer .footer-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer .footer-column li {
  margin-bottom: 10px;
}

.site-footer .footer-column a {
  color: #c9c9c9;
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-footer .footer-column a:hover {
  color: #e0c38c;
}

.site-footer .footer-bottom {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.site-footer .footer-bottom p {
  margin: 0;
  color: #8f8f8f;
  font-size: 0.92rem;
}

@media (max-width: 980px) {
  .site-footer .footer-top {
    grid-template-columns: 1fr;
  }

  .site-footer .footer-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .site-footer .footer-columns {
    grid-template-columns: 1fr;
  }
}

.glossary-intro-card{max-width:920px;margin:0 auto 42px}
.glossary-section + .glossary-section{margin-top:42px}
.glossary-letter{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.glossary-letter::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.glossary-letter-badge{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(200,168,107,.22), rgba(255,255,255,.04));border:1px solid rgba(200,168,107,.24);color:#e0c38c;font-weight:700;font-size:1rem}
.glossary-letter h3{margin:0;color:#f4f4f4}
.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.glossary-term.card{padding:24px}
.glossary-term h3{font-size:1.15rem;margin-bottom:10px}
.glossary-term p{margin:0}
.glossary-alpha-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 42px;max-width:920px}
.glossary-alpha-menu a{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(200,168,107,.24);background:rgba(255,255,255,.02);color:#e0c38c;font-weight:600;font-size:.95rem}
@media(max-width:980px){.glossary-grid{grid-template-columns:1fr}}


.hero-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.hero-topline .eyebrow{
  margin-bottom:0;
}
.language-switch{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.lang-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(200,168,107,.22);
  background:rgba(255,255,255,.02);
  color:#c8c8c8;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  transition:.2s ease;
}
.lang-btn:hover{
  color:#e0c38c;
  border-color:rgba(200,168,107,.35);
  background:rgba(255,255,255,.04);
}
.lang-btn.is-active{
  background:rgba(200,168,107,.14);
  border-color:rgba(200,168,107,.38);
  color:#e0c38c;
}
@media (max-width:680px){
  .hero-topline{
    align-items:flex-start;
    flex-direction:column;
  }
}