/* PWPLADUR 1520 — diferenciação visual global dos botões Fechar */
button.pw-close-action,
.btn.pw-close-action {
  background: #62676f !important;
  border-color: #50555c !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

button.pw-close-action::before,
.btn.pw-close-action::before {
  content: "×";
  color: #000000 !important;
  font-size: 1.18em;
  line-height: 1;
  font-weight: 900;
  flex: 0 0 auto;
}

button.pw-close-action:hover,
.btn.pw-close-action:hover,
button.pw-close-action:focus-visible,
.btn.pw-close-action:focus-visible {
  background: #555a61 !important;
  border-color: #454a50 !important;
  color: #ffffff !important;
}

/* Fechos que já são apenas o símbolo × (visualizadores de imagem, overlays, etc.) */
button.pw-close-icon-action,
.btn.pw-close-icon-action {
  background: #62676f !important;
  border: 1px solid #50555c !important;
  color: #000000 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

button.pw-close-icon-action:hover,
.btn.pw-close-icon-action:hover,
button.pw-close-icon-action:focus-visible,
.btn.pw-close-icon-action:focus-visible {
  background: #555a61 !important;
  border-color: #454a50 !important;
  color: #000000 !important;
}