/* ===== Mural Bonito com Glow Dourado e Movimento ===== */
/* Cor base do site continua roxo escuro do arquivo roxo-escuro.css */

/* Preferência do usuário por movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .glow-hover, .glow-hover img, .glow-hover::before, .glow-hover::after {
    transition: none !important;
    animation: none !important;
  }
}

/* Contêiner opcional para mural (se existir no HTML) */
.mural-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.glow-hover {
  position: relative;
  display: inline-block;
  width: 90% !important;                /* diminui o tamanho sem quebrar layout */
  max-width: 720px !important;          /* limite para não expandir demais */
  margin: 10px auto;
  border-radius: 18px;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .45s ease, box-shadow .45s ease, filter .45s ease;
  box-shadow:
    0 0 0 1px rgba(212,175,55,.35) inset,
    0 5px 18px rgba(0,0,0,.35);
  filter: drop-shadow(0 0 4px rgba(212,175,55,.25));
  will-change: transform, filter, box-shadow;
}

.glow-hover img {
  display: block;
  width: 100% !important;               /* garante que a imagem preencha o card */
  height: auto !important;
  transition: transform .8s ease;
}

/* Anel de glow dourado suave */
.glow-hover::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(60% 60% at 50% 50%, rgba(212,175,55,.35), rgba(212,175,55,0) 70%);
  filter: blur(8px);
  opacity: .75;
  transition: opacity .45s ease, transform .45s ease;
}

/* Fio de luz dourado sutil */
.glow-hover::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(212,175,55,.0) 30%, rgba(212,175,55,.35) 50%, rgba(212,175,55,.0) 70%);
  mix-blend-mode: screen;
  opacity: .35;
  transform: translateX(-10%);
  transition: opacity .45s ease, transform .8s ease;
}

/* Hover: destacando a foto com movimento criativo */
.glow-hover:hover {
  transform: translateY(-6px) scale(1.03) rotateZ(.2deg);
  box-shadow:
    0 0 0 1px rgba(212,175,55,.6) inset,
    0 10px 24px rgba(0,0,0,.45);
  filter: drop-shadow(0 0 14px rgba(212,175,55,.45)) drop-shadow(0 0 32px rgba(212,175,55,.3));
}
.glow-hover:hover img {
  transform: scale(1.06) translateY(-2px);
}
.glow-hover:hover::before {
  transform: scale(1.03);
  opacity: 1;
}
.glow-hover:hover::after {
  opacity: .7;
  transform: translateX(10%);
}

/* Variações automáticas por data-attr (se desejado no HTML futuramente) */
.glow-hover[data-tilt="left"]:hover { transform: translateY(-6px) scale(1.03) rotateZ(-.4deg) rotateY(-3deg); }
.glow-hover[data-tilt="right"]:hover { transform: translateY(-6px) scale(1.03) rotateZ(.4deg) rotateY(3deg); }

/* Responsividade: em telas pequenas manter estética */
@media (max-width: 640px) {
  .glow-hover { width: 96% !important; border-radius: 14px; }
}

/* ===== Título dourado pulsando (Testemunhos -> Mural da Fama) ===== */
.titulo-dourado-pulsa {
  text-align: center !important;
  color: #D4AF37 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em;
  text-shadow:
    0 0 6px rgba(212,175,55,.6),
    0 0 18px rgba(212,175,55,.35);
  animation: pulseGold 2.6s ease-in-out infinite;
}

/* Respeita redução de movimento */
@media (prefers-reduced-motion: reduce) {
  .titulo-dourado-pulsa {
    animation: none !important;
  }
}

@keyframes pulseGold {
  0%, 100% {
    text-shadow:
      0 0 4px rgba(212,175,55,.45),
      0 0 10px rgba(212,175,55,.25);
    filter: saturate(1);
  }
  50% {
    text-shadow:
      0 0 10px rgba(212,175,55,.85),
      0 0 28px rgba(212,175,55,.55);
    filter: saturate(1.05);
  }
}