/* ═══════════════════════════════════════════════════════════════════════
   Ficha técnica — estilos base do widget
   ═══════════════════════════════════════════════════════════════════════
   Estas regras viviam no editor.css com um comentário a dizer que eram
   "conteúdo da PÁGINA, não do editor, e têm de aparecer mesmo com a flag
   do v5 desligada". Estavam no único ficheiro que SÓ carrega com a flag
   ligada — e em produção, com o v5 desligado, o .mc-specs ficava
   `display: block`. O `gap` que o Elementor gera só funciona em flex ou
   grid, portanto o controlo "Espaço entre itens" mexia num valor que o
   browser deitava fora.

   Agora é folha própria, enfileirada pelo widget. Não depende de flags.
   ═══════════════════════════════════════════════════════════════════════ */

.mc-specs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px;
  margin: 6px 0 0; font-size: .84rem; line-height: 1.5;
  color: #6F6F6F; font-weight: 500;
}
/* o separador tem cor própria para se poder esbater sem tocar no texto
   (o widget expõe as duas cores em separado) */
.mc-specs__sep { color: #D4D4D4; }
@media (max-width: 600px) { .mc-specs { font-size: .8rem; } }