/* Letreiro na praça superior, acima do telão de eventos. */
.journal-sign {
  position:absolute; top:10%; left:35.5%; width:29%; aspect-ratio:1.9;
  display:grid; place-items:center; container-type:inline-size; line-height:1.05;
  color:#fff8e8; text-align:center; text-decoration:none; isolation:isolate; pointer-events:auto;
}
.journal-sign::before {
  content:""; position:absolute; inset:auto 3% -1%; height:15%; z-index:-1; border-radius:50%;
  background:linear-gradient(#ffe58a,#a75409 48%,#f9b539 58%,#7d3707);
  box-shadow:0 5px 9px #3c1c10b3,0 0 14px #ffb94a9e;
}
.journal-sign-face {
  display:grid; justify-items:center; gap:2cqi; width:96%; padding:4cqi 4cqi 3cqi;
  background:radial-gradient(ellipse at 50% 22%,#245cc5,#0a2050 68%,#091832);
  border:clamp(2px,1.1cqi,5px) solid #ffe58c; border-radius:10cqi;
  box-shadow:0 0 0 2px #ac600e,inset 0 0 0 2px #ba731d,0 0 16px #ffd460,0 5px 10px #331c13b3;
  transition:box-shadow .2s ease;
}
.journal-sign-heading {display:flex; align-items:center; justify-content:center; gap:3cqi}
.journal-sign-heading svg {width:23cqi; height:auto; filter:drop-shadow(2px 3px 1px #001231)}
.journal-sign-heading strong {font-size:10cqi; text-transform:uppercase; line-height:.94; text-shadow:0 3px 0 #071939}
.journal-sign-heading b {display:block; font-size:13cqi; color:#ffda59}
.journal-sign-subtitle {
  border-radius:2em; padding:.32em 1em; background:linear-gradient(#ffe995,#ffc446); color:#231605;
  font-size:4.6cqi; font-weight:850;
}
.journal-sign-cta {
  border:1px solid #f3bd53; border-radius:2em; padding:.3em .85em;
  font-size:4.2cqi; font-weight:750; background:#091c47;
}
.journal-sign:hover .journal-sign-face,.journal-sign:focus-visible .journal-sign-face {
  box-shadow:0 0 0 2px #ac600e,inset 0 0 0 2px #ba731d,0 0 25px 4px #ffdf78,0 5px 10px #331c13b3;
}
.journal-sign:focus-visible,.journal-shortcut:focus-visible {outline:3px solid #fff6c6; outline-offset:3px}
#shortcuts .journal-shortcut {
  display:grid; place-items:center; min-height:44px; padding:10px 6px; border:1px solid #b38a3f;
  border-radius:10px; background:#112746; color:#ffe58c; text-align:center; text-decoration:none;
  font-size:12px; font-weight:750;
}
#shortcuts .journal-shortcut:hover {background:#1a375e}
@media(min-width:761px) {#shortcuts{grid-template-columns:repeat(9,1fr)}}
@media(prefers-reduced-motion:reduce) {.journal-sign-face{transition:none}}

.map>.journal-sign{z-index:5}