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

.portugal-article-page {
  --article-accent:#347d55;
  --article-accent-light:#e0efe5;
  --article-accent-dark:#25573c;
  --article-tint:#f9fcfa;
  margin:0;
}

.portugal-article-page .article-hero.banknotes {
  --article-accent:#347d55;
  --article-accent-light:#e0efe5;
  --article-accent-dark:#25573c;
}

.portugal-article-page .article-hero.multibanco {
  --article-accent:#326ca1;
  --article-accent-light:#dcebf7;
  --article-accent-dark:#244d74;
}

.portugal-article-page .article-hero.navegante {
  --article-accent:#b15348;
  --article-accent-light:#f7dfd9;
  --article-accent-dark:#783a33;
}

.portugal-article-page .article-hero.tolls {
  --article-accent:#bd8728;
  --article-accent-light:#fff0bf;
  --article-accent-dark:#76551b;
}

.portugal-article-page .article-hero.tipping {
  --article-accent:#9a4f74;
  --article-accent-light:#f3dfeb;
  --article-accent-dark:#69364f;
}

.portugal-seal-line,
.portugal-mb-line,
.portugal-tip-line {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:28px 0;
}

.portugal-seal-line span,
.portugal-mb-line span,
.portugal-tip-line span {
  min-width:0;
  padding:16px 10px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:linear-gradient(145deg,var(--article-accent-light),#fff);
  box-shadow:3px 4px 0 var(--article-accent-dark);
  text-align:center;
  font-weight:900;
}

.portugal-seal-line small,
.portugal-mb-line small,
.portugal-tip-line small {
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-weight:650;
}

.portugal-edge {
  position:relative;
  margin:28px 0;
  padding:24px 20px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#f2c94c,#fff0ac);
  box-shadow:5px 6px 0 #25573c;
  text-align:center;
}

.portugal-edge strong,
.portugal-edge small {
  display:block;
}

.portugal-edge strong {
  font-size:clamp(1.05rem,3vw,1.35rem);
}

.portugal-edge small {
  margin-top:5px;
  font-weight:750;
}

.portugal-atm {
  display:grid;
  grid-template-columns:1fr 118px;
  gap:18px;
  align-items:center;
  margin:28px 0;
  padding:18px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#dcebf7,#fff 72%);
  box-shadow:5px 6px 0 #244d74;
}

.portugal-atm h3 {
  margin:0;
  font-size:1.35rem;
}

.portugal-atm p {
  margin:5px 0 0;
  color:var(--muted);
  font-weight:700;
}

.portugal-atm-screen {
  display:grid;
  place-items:center;
  min-height:92px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#10213a;
  color:#7ee8dd;
  box-shadow:inset 0 0 0 6px #4f86ad;
  font-size:1.4rem;
  font-weight:950;
}

.portugal-navegante {
  position:relative;
  margin:28px 0;
  padding:22px;
  overflow:hidden;
  border:3px solid var(--ink);
  border-radius:7px;
  background:linear-gradient(135deg,#d9f0df 0 54%,#ef6d58 54% 70%,#fff2be 70%);
  box-shadow:5px 6px 0 #783a33;
}

.portugal-navegante::after {
  content:")))";
  position:absolute;
  right:20px;
  top:50%;
  font-size:2rem;
  font-weight:950;
  transform:translateY(-50%) rotate(-8deg);
}

.portugal-navegante strong,
.portugal-navegante span {
  display:block;
  max-width:70%;
}

.portugal-navegante strong {
  font-size:1.35rem;
}

.portugal-navegante span {
  margin-top:4px;
  font-weight:750;
}

.portugal-toll-road {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(180deg,#dcebf7 0 52%,#737b7b 52% 78%,#d8bd76 78%);
  box-shadow:5px 6px 0 #76551b;
}

.portugal-toll-road span {
  padding:10px;
  border:2px solid var(--ink);
  border-radius:4px;
  background:#fff;
  text-align:center;
  font-weight:900;
}

.portugal-toll-road small {
  display:block;
  margin-top:4px;
  font-weight:650;
}

.portugal-toll-road b {
  display:grid;
  place-items:center;
  min-width:88px;
  min-height:62px;
  padding:8px;
  border:3px solid var(--ink);
  border-radius:4px;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
  text-align:center;
}

.portugal-receipt {
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:4px;
  background:linear-gradient(145deg,#fff,#f3dfeb);
  box-shadow:4px 5px 0 #69364f;
}

.portugal-receipt div {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:9px 0;
  border-bottom:2px dotted rgba(22,22,22,.3);
}

.portugal-receipt div:last-child {
  border-bottom:0;
  font-weight:900;
}

.portugal-article-page .article-money-explorer {
  background:linear-gradient(145deg,#f7fbf8,#fff 52%,#fff0c7);
}

@media (max-width:700px) {
  .portugal-seal-line,
  .portugal-mb-line,
  .portugal-tip-line {
    grid-template-columns:1fr;
  }

  .portugal-atm,
  .portugal-toll-road {
    grid-template-columns:1fr;
  }

  .portugal-atm-screen {
    width:118px;
    margin:auto;
  }

  .portugal-navegante strong,
  .portugal-navegante span {
    max-width:75%;
  }
}