@import url("../country-guide-base.css");

.brazil-article-page {
  --article-accent:#348158;
  --article-accent-light:#dff1e6;
  --article-accent-dark:#245b3f;
  --article-tint:#f8fcf9;
  margin:0;
}

.brazil-article-page .article-hero.notes {
  --article-accent:#348158;
  --article-accent-light:#dff1e6;
  --article-accent-dark:#245b3f;
}

.brazil-article-page .article-hero.pix {
  --article-accent:#247f83;
  --article-accent-light:#d9f2f0;
  --article-accent-dark:#19575a;
}

.brazil-article-page .article-hero.terminal {
  --article-accent:#c65849;
  --article-accent-light:#f8e0dc;
  --article-accent-dark:#863b32;
}

.brazil-article-page .article-hero.wallet {
  --article-accent:#b97924;
  --article-accent-light:#fff0c6;
  --article-accent-dark:#785019;
}

.brazil-article-page .article-hero.tipping {
  --article-accent:#735995;
  --article-accent-light:#ebe3f4;
  --article-accent-dark:#4e3c65;
}

.brazil-animal-strip,
.brazil-pix-path,
.brazil-terminal-board,
.brazil-wallet-split,
.brazil-bill-grid {
  display:grid;
  gap:14px;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
}

.brazil-animal-strip {
  grid-template-columns:repeat(7,minmax(0,1fr));
  background:linear-gradient(145deg,#dff1e6,#fff 50%,#fff0c6);
  box-shadow:5px 6px 0 #245b3f;
}

.brazil-animal-strip span,
.brazil-pix-path > div,
.brazil-terminal-board > span,
.brazil-wallet-split > div,
.brazil-bill-grid > span {
  min-width:0;
  padding:15px 8px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
}

.brazil-animal-strip span {
  text-align:center;
}

.brazil-animal-strip b,
.brazil-animal-strip small,
.brazil-pix-path strong,
.brazil-pix-path span,
.brazil-terminal-board strong,
.brazil-terminal-board small,
.brazil-wallet-split strong,
.brazil-wallet-split span,
.brazil-bill-grid strong,
.brazil-bill-grid small {
  display:block;
}

.brazil-animal-strip b,
.brazil-pix-path strong,
.brazil-terminal-board strong,
.brazil-wallet-split strong,
.brazil-bill-grid strong {
  font-size:1.05rem;
}

.brazil-animal-strip small,
.brazil-pix-path span,
.brazil-terminal-board small,
.brazil-wallet-split span,
.brazil-bill-grid small {
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

.brazil-pix-path {
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  background:linear-gradient(145deg,#d9f2f0,#fff 52%,#dff1e6);
  box-shadow:5px 6px 0 #19575a;
}

.brazil-pix-path > b {
  font-size:1.35rem;
}

.brazil-pix-path > div {
  min-height:112px;
  text-align:center;
}

.brazil-terminal-board {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#f8e0dc,#fff 52%,#fff0c6);
  box-shadow:5px 6px 0 #863b32;
}

.brazil-terminal-board > span {
  text-align:center;
}

.brazil-terminal-board > span:nth-child(1) strong {
  color:#245b3f;
}

.brazil-terminal-board > span:nth-child(2) strong {
  color:#863b32;
}

.brazil-terminal-board > span:nth-child(3) strong {
  color:#19575a;
}

.brazil-terminal-slip,
.brazil-service-slip {
  width:min(100%,620px);
  margin:28px auto;
  padding:22px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:linear-gradient(150deg,#fff,#fff0c6);
  box-shadow:5px 6px 0 #785019;
}

.brazil-terminal-slip > span,
.brazil-service-slip > span {
  display:block;
  font-size:.78rem;
  font-weight:950;
}

.brazil-terminal-slip > strong,
.brazil-service-slip > strong {
  display:block;
  margin:7px 0 16px;
  padding:9px;
  border:3px double var(--ink);
  text-align:center;
  font-size:clamp(1.35rem,4vw,2.1rem);
}

.brazil-terminal-slip > strong {
  color:#863b32;
}

.brazil-service-slip > strong {
  color:#4e3c65;
}

.brazil-terminal-slip div,
.brazil-service-slip div {
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:9px 0;
  border-bottom:2px dotted rgba(22,22,22,.32);
}

.brazil-terminal-slip div:last-child,
.brazil-service-slip div:last-child {
  border-bottom:0;
}

.brazil-wallet-split {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#fff0c6,#fff 50%,#d9f2f0);
  box-shadow:5px 6px 0 #785019;
}

.brazil-bill-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#ebe3f4,#fff 52%,#fff0c6);
  box-shadow:5px 6px 0 #4e3c65;
}

.brazil-bill-grid > span {
  text-align:center;
}

.brazil-article-page .article-money-explorer {
  background:linear-gradient(145deg,#f8fcf9,#fff 52%,#fff3d7);
}

@media (max-width:780px) {
  .brazil-animal-strip {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .brazil-animal-strip span:last-child {
    grid-column:1 / -1;
  }
}

@media (max-width:700px) {
  .brazil-pix-path,
  .brazil-terminal-board,
  .brazil-wallet-split,
  .brazil-bill-grid {
    grid-template-columns:1fr;
  }

  .brazil-pix-path > b {
    text-align:center;
    transform:rotate(90deg);
  }

  .brazil-pix-path > div {
    min-height:0;
  }

  .brazil-terminal-slip div,
  .brazil-service-slip div {
    display:grid;
    gap:3px;
  }
}