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

.spain-article-page {
  --article-accent:#c64b3f;
  --article-accent-light:#ffe1d5;
  --article-accent-dark:#8b352c;
  --article-tint:#fffaf7;
  margin:0;
}

.spain-article-page .article-hero.banknotes {
  --article-accent:#c64b3f;
  --article-accent-light:#ffe1d5;
  --article-accent-dark:#8b352c;
}

.spain-article-page .article-hero.atms {
  --article-accent:#3f74a7;
  --article-accent-light:#deebf7;
  --article-accent-dark:#294f74;
}

.spain-article-page .article-hero.transit {
  --article-accent:#2f8578;
  --article-accent-light:#ddf1ec;
  --article-accent-dark:#205c54;
}

.spain-article-page .article-hero.camino {
  --article-accent:#b7792c;
  --article-accent-light:#fff0c7;
  --article-accent-dark:#76501e;
}

.spain-article-page .article-hero.tipping {
  --article-accent:#a15372;
  --article-accent-light:#f4e0e9;
  --article-accent-dark:#6f394f;
}

.spain-article-page .article-hero.atms .article-visual-mark,
.spain-article-page .article-hero.camino .article-visual-mark {
  font-size:3.1rem;
}

.spain-coin-map {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:28px 0;
  padding:18px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#ffe1d5,#fff 48%,#fff0c7);
  box-shadow:5px 6px 0 #8b352c;
}

.spain-coin-map span,
.spain-tip-line span {
  min-width:0;
  padding:16px 10px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
  text-align:center;
  font-weight:950;
}

.spain-coin-map small,
.spain-tip-line small {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-weight:650;
}

.spain-atm {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#deebf7,#fff);
  box-shadow:5px 6px 0 #294f74;
}

.spain-atm button {
  min-height:96px;
  padding:14px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
  color:var(--ink);
  font:inherit;
  font-size:1.35rem;
  font-weight:950;
  text-align:left;
}

.spain-atm button:first-child {
  background:#f2c94c;
}

.spain-atm small {
  display:block;
  margin-top:5px;
  font-size:.78rem;
  font-weight:700;
}

.spain-city-wallets {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:14px;
  align-items:center;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(135deg,#e4edf8 0 48%,#fff 48% 52%,#f7e2df 52%);
  box-shadow:5px 6px 0 #205c54;
}

.spain-city-card {
  min-width:0;
  padding:17px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
}

.spain-city-card strong,
.spain-city-card span {
  display:block;
}

.spain-city-card strong {
  font-size:1.25rem;
}

.spain-city-card span {
  margin-top:4px;
  color:var(--muted);
  font-weight:700;
}

.spain-city-wallets b {
  display:grid;
  place-items:center;
  width:62px;
  aspect-ratio:1;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
}

.spain-camino-pocket {
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  margin:28px 0;
  padding:22px;
  overflow:hidden;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(180deg,#dcebf5 0 42%,#d9c997 42% 54%,#f7e5b9 54%);
  box-shadow:5px 6px 0 #76501e;
}

.spain-camino-pocket::after {
  content:"";
  position:absolute;
  left:8%;
  right:22%;
  bottom:35px;
  border-bottom:4px dashed rgba(49,42,27,.38);
  transform:rotate(-4deg);
}

.spain-camino-pocket div,
.spain-camino-pocket span {
  position:relative;
  z-index:1;
}

.spain-camino-pocket div {
  padding:15px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
}

.spain-camino-pocket h3,
.spain-camino-pocket p {
  margin:0;
}

.spain-camino-pocket p {
  margin-top:5px;
  color:var(--muted);
  font-weight:700;
}

.spain-camino-pocket span {
  display:grid;
  place-items:center;
  width:104px;
  aspect-ratio:1;
  border:3px solid var(--ink);
  border-radius:50% 50% 8px 50%;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
  text-align:center;
  font-weight:950;
  transform:rotate(4deg);
}

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

.spain-tip-line span {
  background:linear-gradient(145deg,#f4e0e9,#fff);
  box-shadow:3px 4px 0 #6f394f;
}

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

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

.spain-receipt div:last-child {
  border-bottom:0;
}

.spain-receipt strong {
  text-align:right;
}

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

@media (max-width:700px) {
  .spain-coin-map,
  .spain-tip-line,
  .spain-atm,
  .spain-city-wallets,
  .spain-camino-pocket {
    grid-template-columns:1fr;
  }

  .spain-city-wallets b,
  .spain-camino-pocket span {
    margin:auto;
  }

  .spain-atm button {
    min-height:78px;
  }

  .spain-receipt div {
    display:grid;
    gap:3px;
  }

  .spain-receipt strong {
    text-align:left;
  }
}