/* Brasil Forte — fundo em degradê da marca (topo → base da página) */
body.bf-loja-page {
  min-height: 100vh;
  min-height: 100dvh;
  background-color: #f7faff;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255, 255, 255, 0.92) 0%, transparent 58%),
    radial-gradient(ellipse 45% 35% at 6% 8%, rgba(255, 204, 0, 0.28), transparent 55%),
    radial-gradient(ellipse 40% 32% at 94% 6%, rgba(255, 204, 0, 0.22), transparent 52%),
    radial-gradient(ellipse 80% 45% at 50% 12%, rgba(211, 30, 36, 0.12), transparent 62%),
    linear-gradient(
      180deg,
      #002266 0%,
      #003399 6%,
      #4a7fd4 14%,
      #c5daf5 24%,
      #e8f2ff 38%,
      #f2f7ff 55%,
      #f8faff 72%,
      #ffffff 100%
    );
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 768px) {
  body.bf-loja-page {
    background-attachment: fixed;
  }
}

.bf-loja-banner-bg {
  background: transparent;
}

.bf-loja-page .loja-header {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
}

/* Rodapé Brasil Forte */
.bf-footer {
  color: #f8fafc;
  overflow-x: hidden;
}

.bf-footer-main {
  background: linear-gradient(180deg, #002266 0%, #001a4d 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bf-footer-title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
}

.bf-footer-heading {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6ee7b7;
}

.bf-footer-text {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: rgba(248, 250, 252, 0.88);
}

.bf-footer-link {
  font-size: 0.9375rem;
  color: rgba(248, 250, 252, 0.92);
  transition: color 0.15s ease;
}

.bf-footer-link:hover,
.bf-footer-link:focus-visible {
  color: #6ee7b7;
}

.bf-footer-link:focus-visible {
  outline: 2px solid #6ee7b7;
  outline-offset: 2px;
  border-radius: 2px;
}

.bf-footer-legal {
  background: #001433;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.bf-footer-legal-line {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(248, 250, 252, 0.72);
}

.bf-footer-legal-text {
  font-size: 0.8125rem;
  line-height: 1.55;
  color: rgba(248, 250, 252, 0.62);
  text-align: justify;
}

.bf-footer-legal-link {
  color: #6ee7b7;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bf-footer-legal-link:hover,
.bf-footer-legal-link:focus-visible {
  color: #a7f3d0;
}

.bf-footer-anvisa {
  color: #6ee7b7;
  transition: color 0.15s ease;
}

.bf-footer-anvisa:hover,
.bf-footer-anvisa:focus-visible {
  color: #a7f3d0;
}

.bf-footer-legal-note {
  font-size: 0.8125rem;
  color: rgba(248, 250, 252, 0.55);
}