/* Centralização e largura máxima para páginas secundárias e Pricing */
.centered-section, .pricing-section {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

/* Padding para imagem principal na HomePage */
.img-padded {
  padding: 16px;
  margin-top: 8px;
}

/* FAQ accordion botão padronizado */
.accordion-button.custom-faq {
  background: #fff;
  color: #222;
}
/* Overrides to align Bootstrap elements to the DIMENSION theme */

/* Main container harmonization */
#main { width: 100%; padding: 2rem 0; }
#main > * { width: 100%; }

/* Centered panel for non-home pages */
.panel {
  max-width: 60rem;
  margin: 0 auto;
  background: rgba(27,31,34,.65);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .75rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  padding: 2rem 1.25rem;
}

/* Buttons */
.btn, .button {
  text-transform: uppercase;
  letter-spacing: .08rem;
  border-radius: .35rem;
  font-weight: 600;
}

.btn-primary {
  background: #ffffff;
  color: #111 !important;
  border-color: #ffffff;
}
.btn-primary:hover { background: #eaeaea; border-color: #eaeaea; }

.btn-outline-secondary, .btn-outline-primary {
  color: #fff !important;
  border-color: rgba(255,255,255,.55);
  background: transparent;
}
.btn-outline-secondary:hover, .btn-outline-primary:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.75);
}

/* Cards */
.card {
  background: rgba(27,31,34,.35);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .75rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.card .card-body { color: #e8eaed; }
.card .card-title { color: #fff; text-transform: uppercase; letter-spacing: .08rem; }

/* Accordions */
.accordion { --bs-accordion-color: #e8eaed; --bs-accordion-bg: transparent; --bs-accordion-border-color: rgba(255,255,255,.12); }
.accordion-item {
  background: transparent;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .5rem;
  overflow: hidden;
}
.accordion-button {
  color: #fff;
  background: rgba(255,255,255,.04);
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
}
.accordion-button.collapsed { background: rgba(255,255,255,.04); color: #e8eaed; }
.accordion-button:focus { box-shadow: 0 0 0 .25rem rgba(255,255,255,.15); }
.accordion-body {
  background: rgba(255,255,255,.03);
  color: #e8eaed;
}

/* Helpers to harmonize Bootstrap palette to dark theme */
.bg-light, .bg-white, .bg-body-tertiary { background: transparent !important; }
.border-top, .border-bottom, .border { border-color: rgba(255,255,255,.12) !important; }
.text-muted { color: #b8c1cc !important; }

/* Images */
img.rounded { border-radius: .5rem; }
img.img-padded { padding: 8px; }