/* O cartão "Eventos que geram histórias reais." (saiu do hero) está colado numa das fotos da galeria,
   como um adesivo de memória. Reaproveita o visual de .hl-paper-note (papel, fita, Caveat) de hero-live.css. */
.gallery-card{position:relative}
.gallery-card .gallery-note{position:absolute;z-index:3;top:18px;left:-24px;right:auto;bottom:auto;width:118px;min-height:0;padding:20px 12px 14px;transform:rotate(-6deg);pointer-events:none;box-shadow:0 2px 8px #0005,1px 5px 14px #0003}
.gallery-card .gallery-note p{font-size:19px;margin-top:5px}
.gallery-card .gallery-note svg{width:28px;height:25px}
@media(max-width:600px){
  .gallery-card .gallery-note{display:block;top:16px;left:auto;right:-4px;width:92px;padding:14px 8px 10px;transform:rotate(6deg)}
  .gallery-card .gallery-note p{font-size:15px;margin-top:4px}
  .gallery-card .gallery-note svg{width:22px;height:20px}
}