

.cer--botanico {
  --motivo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><path d='M31 9c9 5 13 15 9 24-9 4-19 0-22-9 3-9 9-13 13-15z'/><path d='M31 9c-3 11-8 20-16 25' fill='none' stroke='%23000' stroke-width='1.6'/></svg>");
  --motivo-passo: 60px;
}

.cer--rami {
  --motivo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><g fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M9 52C9 31 19 16 35 8'/><path d='M17 34l11-6'/><path d='M22 43l12-5'/><path d='M13 25l9-3'/></g></svg>");
  --motivo-passo: 56px;
}

.cer--marino {
  --motivo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><g fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'><path d='M0 13q7-8 14 0t14 0t14 0'/><path d='M0 29q7-8 14 0t14 0t14 0'/></g></svg>");
  --motivo-passo: 40px;
}

.cer--colombino {
  --motivo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%23000' stroke-width='2.4'><circle cx='24' cy='24' r='16'/><circle cx='24' cy='24' r='9'/></g><circle cx='24' cy='24' r='3'/></svg>");
  --motivo-passo: 48px;
}

.cer--colombino-riccioli {
  --motivo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='52'><g fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'><path d='M8 40c0-10 8-16 14-10s-2 14-8 8 2-16 12-16 12 10 12 18'/></g></svg>");
  --motivo-passo: 52px;
}