MediaWiki:Common.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

/* ===== FORÇA as 3 imagens a ficarem lado a lado no centro ===== */
.mw-parser-output .bro-cta-row {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin: 14px auto 0;
  text-align: center;
  width: 100%;
  clear: both;                 /* corta floats anteriores */
}

/* ZERA QUALQUER FLOAT herdado dentro do bloco */
.mw-parser-output .bro-cta-row .image,
.mw-parser-output .bro-cta-row .thumb,
.mw-parser-output .bro-cta-row .thumbinner,
.mw-parser-output .bro-cta-row .mw-halign-right,
.mw-parser-output .bro-cta-row .mw-halign-left,
.mw-parser-output .bro-cta-row .floatright,
.mw-parser-output .bro-cta-row .floatleft {
  float: none !important;
}

/* Garante que o MediaWiki não embrulhe em <p> e que a imagem seja “bloco” */
.mw-parser-output .bro-cta-row > p { display: contents !important; margin: 0 !important; }
.mw-parser-output .bro-cta-row img { display: block; margin: 0; border: 0 !important; box-shadow: none !important; background: transparent !important; }

/* Zoom suave no hover */
.mw-parser-output .bro-cta img {
  width: 350px; height: auto;
  transition: transform .22s ease;
  transform-origin: center center;
}
.mw-parser-output .bro-cta:hover img,
.mw-parser-output .bro-cta a:focus-visible img { transform: scale(1.06); outline: none; }

/* Responsivo */
@media (max-width: 900px){ .mw-parser-output .bro-cta-row{ gap:18px; } .mw-parser-output .bro-cta img{ width:300px; } }
@media (max-width: 600px){ .mw-parser-output .bro-cta img{ width:240px; } }