/* Selo de Excelência — visual de certificação de fornecedor privado
   (tipo "ISO 9001 Certified"), propositalmente SEM heráldica oficial
   de governo (sem águia, escudo nacional, ou cores que insinuem
   autoridade federal/estadual). */

.selo-card-container {
  padding: 20px;
}

.selo-card {
  border: 3px solid;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
}

.selo-bronze { border-color: #b45309; }
.selo-prata { border-color: #64748b; }
.selo-ouro { border-color: #ca8a04; }
.selo-diamante { border-color: #0891b2; }

/* Pedido: destacar mais o selo na tela pública (era só um card com texto,
   sem nenhum emblema visual) — moldura maior + brilho na cor do nível +
   ícone em destaque com leve animação de entrada, sem trazer dado novo. */
.selo-card-destaque {
  max-width: 380px;
  padding: 32px 24px;
  border-width: 4px;
  background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--selo-cor, #64748b) 12%, transparent), transparent 70%);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--selo-cor, #64748b) 14%, transparent), 0 10px 28px color-mix(in srgb, var(--selo-cor, #64748b) 25%, transparent);
}

.selo-card-destaque.selo-bronze { --selo-cor: #b45309; }
.selo-card-destaque.selo-prata { --selo-cor: #64748b; }
.selo-card-destaque.selo-ouro { --selo-cor: #ca8a04; }
.selo-card-destaque.selo-diamante { --selo-cor: #0891b2; }

.selo-emblema {
  font-size: 4.5rem;
  line-height: 1;
  color: var(--selo-cor, #64748b);
  margin-bottom: 8px;
  filter: drop-shadow(0 4px 10px color-mix(in srgb, var(--selo-cor, #64748b) 45%, transparent));
  animation: selo-emblema-surgir .5s ease-out;
}

@keyframes selo-emblema-surgir {
  from { opacity: 0; transform: scale(.6) rotate(-8deg); }
  to   { opacity: 1; transform: scale(1) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
  .selo-emblema { animation: none; }
}