/* Selo "site conceito" comum aos 6 sites do portfólio LM Creative.
   Fica por cima da identidade de cada marca, sempre igual. */
.lm-selo {
  position: fixed; left: 16px; bottom: 16px; z-index: 9999;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 9px 14px 9px 10px;
  border-radius: 999px;
  background: #221E1F; color: #EEEDE8;
  font: 500 12px/1 "Manrope", system-ui, sans-serif; letter-spacing: .02em;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
  transition: transform .24s cubic-bezier(.22,.61,.36,1);
}
.lm-selo:hover { transform: translateY(-2px); }
.lm-selo b { font-weight: 700; color: #F4C70F; }
.lm-selo i { width: 22px; height: 22px; border-radius: 50%; background: #F4C70F; color: #221E1F; display: grid; place-items: center; font-style: normal; font-weight: 700; }

.lm-aviso {
  position: fixed; left: 50%; bottom: 72px; z-index: 9999;
  max-width: min(420px, calc(100vw - 32px));
  padding: 14px 18px;
  border-radius: 12px;
  background: #221E1F; color: #EEEDE8;
  font: 400 14px/1.45 "Manrope", system-ui, sans-serif;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .3);
  opacity: 0; transform: translate(-50%, 12px); pointer-events: none;
  transition: opacity .3s cubic-bezier(.22,.61,.36,1), transform .3s cubic-bezier(.22,.61,.36,1);
}
.lm-aviso.is-on { opacity: 1; transform: translate(-50%, 0); }
.lm-aviso b { color: #F4C70F; font-weight: 600; }