/* Comentarios (publico) e moderacao (painel) */
.cm { margin: 2rem auto 0; max-width: 46rem; padding: 1.1rem; border: 1px solid rgb(var(--sakura-rgb, 255 42 109) / 0.25); border-radius: 1rem; background: rgba(255, 255, 255, 0.025); color: var(--text, #fff); }
.cm__titulo { display: flex; align-items: center; gap: 0.5rem; font-family: var(--font-heading, inherit); font-size: 1.15rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
.cm__titulo svg { width: 1.15rem; height: 1.15rem; color: var(--sakura); }
.cm__titulo span { padding: 0 0.5rem; border-radius: 9999px; background: rgb(var(--sakura-rgb, 255 42 109) / 0.18); font-size: 0.75rem; }
.cm__form { margin-top: 0.9rem; }
.cm__form textarea { width: 100%; padding: 0.65rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 0.7rem; background: rgba(0, 0, 0, 0.3); color: inherit; font: inherit; font-size: 0.9rem; resize: vertical; min-height: 4.5rem; }
.cm__form textarea:focus { outline: 2px solid var(--sakura); outline-offset: 1px; }
.cm__form-rodape { display: flex; align-items: center; justify-content: space-between; margin-top: 0.4rem; }
.cm__form-rodape small { font-size: 0.72rem; color: var(--text-muted); }
.cm__botao { padding: 0.45rem 1.2rem; border: 0; border-radius: 9999px; background: linear-gradient(90deg, var(--sakura-hot, #ff2a6d), var(--sakura, #ff5c8a)); color: #fff; font-family: var(--font-heading, inherit); font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; cursor: pointer; }
.cm__botao:disabled { opacity: 0.5; cursor: wait; }
.cm__erro, .cm__aviso { margin-top: 0.5rem; font-size: 0.8rem; color: #ff8fa3; }
.cm__erro[hidden] { display: none; }
.cm__entrar, .cm__vazio { margin-top: 0.9rem; font-size: 0.85rem; color: var(--text-muted); }
.cm__entrar a { color: var(--sakura); font-weight: 700; }
.cm__lista { display: grid; gap: 0.7rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.cm__item { display: flex; gap: 0.75rem; padding: 0.7rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 0.6rem; background: rgba(12, 8, 18, 0.78); }
.cm__item--fixado { border: 1px solid rgba(246, 211, 101, 0.5); background: rgba(246, 211, 101, 0.06); }
.cm__avatar { flex: none; width: 2.5rem; height: 2.5rem; padding: 2px; border-radius: 9999px; border: 2px solid rgba(255, 255, 255, 0.2); background: var(--bg-panel, #120a18); display: grid; place-items: center; overflow: hidden; }
.cm__avatar img { width: 100%; height: 100%; border-radius: 9999px; object-fit: cover; }
.cm__avatar b { color: var(--sakura); font-family: var(--font-heading, inherit); }
.cm-moldura--simples { border-color: #f6d365; }
.cm-moldura--animada { position: relative; isolation: isolate; overflow: visible; border-color: transparent; }
.cm-moldura--animada::before { content: ""; position: absolute; inset: -3px; z-index: -1; border-radius: 9999px; background: conic-gradient(from 0deg, var(--sakura), #f6d365, #8ec5fc, var(--sakura)); animation: cm-giro 4s linear infinite; }
@keyframes cm-giro { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .cm-moldura--animada::before { animation: none; } }
.cm__corpo { flex: 1; min-width: 0; }
.cm__cab { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; font-size: 0.8rem; }
.cm__cab time { font-size: 0.7rem; color: var(--text-muted); }
.cm-nome { font-family: var(--font-heading, inherit); font-size: 0.95rem; }
.cm-nome--n3 { color: #8ec5fc; } .cm-nome--n4 { color: #a5f3c0; } .cm-nome--n5 { color: #c4a8ff; }
.cm-nome--n6 { color: #ffb86b; } .cm-nome--n7 { color: #ff8fb1; } .cm-nome--n8 { color: #f6d365; }
.cm-nome--n9, .cm-nome--n10 { color: #f9e29a; }
.cm-nome--regente { background: linear-gradient(90deg, #5eead4, #f6d365, #5eead4); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: cm-brilho-nome 6s linear infinite; }
.cm-nome--imperador { background: linear-gradient(90deg, #ff2a6d, #f6d365, #a78bfa, #ff2a6d); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: cm-brilho-nome 5s linear infinite; text-shadow: none; filter: drop-shadow(0 0 6px rgb(var(--sakura-rgb, 255 42 109) / .45)); }
@keyframes cm-brilho-nome { to { background-position: 200% 0; } }
@media (prefers-reduced-motion: reduce) { .cm-nome--regente, .cm-nome--imperador { animation: none; } }
.cm__selo { padding: 0 0.45rem; border-radius: 9999px; border: 1px solid rgba(246, 211, 101, 0.6); color: #f6d365; font-size: 0.6rem; font-weight: 800; letter-spacing: 0.08em; }
.cm__selo--scan { color: var(--cor-scan); border-color: var(--cor-scan); background: color-mix(in srgb, var(--cor-scan) 12%, transparent); text-decoration: none; }
.cm__selo--nobre { border: 0; background: linear-gradient(90deg, #f6d365, #fda085); color: #1a1020; }
.cm__selo--med { border-width: 1px; }
.cm__selo--med-mao_imperador { border-color: #f6d365; background: linear-gradient(90deg, rgba(246, 211, 101, 0.28), rgba(255, 42, 109, 0.22)); color: #ffe9a8; }
.cm__selo--med-louco { border-color: #c084fc; background: linear-gradient(90deg, rgba(192, 132, 252, 0.28), rgba(244, 63, 94, 0.25)); color: #f3d9ff; }
.cm__selo--med-apostolo { border-color: #93c5fd; background: rgba(147, 197, 253, 0.16); color: #dbeafe; }
.cm__fixado { display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.65rem; font-weight: 700; color: #f6d365; }
.cm__fixado svg { width: 0.75rem; height: 0.75rem; }
.cm__texto { margin-top: 0.25rem; font-size: 0.9rem; line-height: 1.45; overflow-wrap: anywhere; }
.cm__acoes { display: flex; gap: 0.8rem; margin-top: 0.35rem; font-size: 0.7rem; color: var(--text-muted); }
.cm__acoes button, .cm__acoes summary { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; list-style: none; }
.cm__acoes summary::-webkit-details-marker { display: none; }
.cm__acoes button:hover, .cm__acoes summary:hover { color: var(--sakura); }
.cm__confirma { display: flex; align-items: center; gap: 0.5rem; }
.cm__confirma[open] button { color: #ff8fa3; font-weight: 700; }
.cm__paginas { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1rem; font-size: 0.78rem; color: var(--text-muted); }
.cm__paginas a { color: var(--sakura); font-weight: 700; }
@media (max-width: 480px) { .cm { padding: 0.8rem; border-radius: 0.8rem; } }

/* Painel: moderacao */
.cmadm__filtro { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 0.8rem; font-size: 0.8rem; }
.cmadm__filtro a { padding: 0.2rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 9999px; }
.cmadm__filtro a.is-ativo { border-color: var(--sakura); color: var(--sakura); }
.cmadm__filtro span { margin-left: auto; color: var(--text-muted); }
.cmadm { display: grid; gap: 0.8rem; margin: 0; padding: 0; list-style: none; }
.cmadm__item { padding: 0.8rem; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.6rem; }
.cmadm__item.is-oculto { opacity: 0.7; border-color: rgba(255, 90, 90, 0.4); }
.cmadm__meta { font-size: 0.75rem; color: var(--text-muted); }
.cmadm__den { color: #ff8fa3; }
.cmadm__texto { margin-top: 0.4rem; font-size: 0.9rem; overflow-wrap: anywhere; }
.cmadm__acoes { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.6rem; }
.cmadm__acoes button { padding: 0.3rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 0.4rem; background: none; color: inherit; font-size: 0.75rem; cursor: pointer; }
.cmadm__acoes button:hover { border-color: var(--sakura); color: var(--sakura); }
.cmadm__acoes button.is-perigo:hover { border-color: #ff5a5a; color: #ff8fa3; }
.cmadm__pag { margin-top: 1rem; font-size: 0.8rem; display: flex; gap: 1rem; justify-content: center; }

/* Aba na pagina da obra e respostas */
.cm--aba { margin: 0; max-width: none; }
.cm__respostas-item { list-style: none; }
.cm__respostas { display: grid; gap: 0.5rem; margin: 0 0 0 1.4rem; padding: 0 0 0 0.8rem; border-left: 2px solid rgb(var(--sakura-rgb, 255 42 109) / 0.3); list-style: none; }
.cm__item--resposta { background: rgba(255, 255, 255, 0.02); }
.cm__item--resposta .cm__avatar { width: 2rem; height: 2rem; }
.cm__responder { display: block; }
.cm__responder[open] { flex-basis: 100%; }
.cm__responder summary { display: inline; }
.cm__form--resposta { margin-top: 0.5rem; }
.cm__acoes { flex-wrap: wrap; align-items: flex-start; }
.cm__item:target { box-shadow: 0 0 0 2px var(--sakura); }
.cm__capitulo { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0 0.5rem; border-radius: 9999px; background: rgba(255, 255, 255, 0.07); font-size: 0.65rem; color: var(--text-muted); }
.cm__capitulo svg { width: 0.7rem; height: 0.7rem; }
.cm__capitulo:hover { color: var(--sakura); }

/* Fundo do comentario por classe (vantagem) */
.cm__item--fundo1 { border-color: rgba(196, 168, 255, 0.35); background: linear-gradient(90deg, rgba(196, 168, 255, 0.14), rgba(12, 8, 18, 0.78) 70%); }
.cm__item--fundo2 { border-color: rgba(255, 92, 138, 0.45); background: linear-gradient(110deg, rgb(var(--sakura-rgb, 255 42 109) / 0.16), rgba(142, 197, 252, 0.12), rgb(var(--sakura-rgb, 255 42 109) / 0.16)); background-size: 220% 100%; animation: cm-fundo 7s ease-in-out infinite; }
.cm__item--fundo3 { border-color: rgba(246, 211, 101, 0.6); background: linear-gradient(110deg, rgba(246, 211, 101, 0.2), rgba(253, 160, 133, 0.12), rgba(246, 211, 101, 0.2)); background-size: 220% 100%; animation: cm-fundo 5s ease-in-out infinite; box-shadow: 0 0 14px rgba(246, 211, 101, 0.18); }
@keyframes cm-fundo { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@media (prefers-reduced-motion: reduce) { .cm__item--fundo2, .cm__item--fundo3 { animation: none; } }

/* Curtir / nao curtir e ordenacao */
.cm__votos { display: inline-flex; gap: 0.5rem; }
.cm__voto { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0; border: 0; background: none; color: var(--text-muted); font: inherit; font-size: 0.72rem; cursor: pointer; }
.cm__voto svg { width: 0.9rem; height: 0.9rem; }
.cm__voto:hover:not(:disabled) { color: var(--sakura); }
.cm__voto:disabled { opacity: 0.45; cursor: default; }
.cm__voto.is-ativo { color: #7fe3a8; font-weight: 700; }
.cm__voto.is-contra { color: #ff8fa3; }
.cm__ordem { display: flex; gap: 0.5rem; margin-top: 0.8rem; font-size: 0.75rem; }
.cm__ordem a { padding: 0.15rem 0.7rem; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 9999px; color: var(--text-muted); }
.cm__ordem a.is-ativo { border-color: var(--sakura); color: var(--sakura); }

/* ===== Popup de perfil (clique no nome) ===== */
.cm-nome--clic { cursor: pointer; }
.cm-nome--clic:hover { filter: brightness(1.25); text-decoration: underline; text-underline-offset: 3px; }
.pp-aberto { overflow: hidden; }
.pp { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 1rem; background: rgba(4, 2, 8, 0.78); backdrop-filter: blur(4px); animation: pp-entra 0.18s ease-out; }
@keyframes pp-entra { from { opacity: 0; } }
.pp__caixa { position: relative; width: min(26rem, 100%); max-height: calc(100vh - 2rem); overflow-y: auto; border: 1px solid rgb(var(--sakura-rgb, 255 42 109) / 0.5); border-radius: 1rem; background: #0e0814; box-shadow: 0 0 40px rgb(var(--sakura-rgb, 255 42 109) / 0.28), 0 20px 60px rgba(0, 0, 0, 0.6); animation: pp-sobe 0.22s ease-out; }
@keyframes pp-sobe { from { opacity: 0; transform: translateY(14px) scale(0.97); } }
.pp__caixa--vazia { padding: 2rem 1.5rem; text-align: center; color: var(--text-muted); }
.pp__fechar { position: absolute; top: 0.6rem; right: 0.6rem; z-index: 3; width: 2rem; height: 2rem; border: 0; border-radius: 9999px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; }
.pp__fechar:hover { background: var(--sakura); }
.pp__capa { position: relative; height: 6.5rem; border-radius: 1rem 1rem 0 0; background: radial-gradient(circle at 25% 20%, rgb(var(--sakura-rgb, 255 42 109) / 0.45), transparent 55%), radial-gradient(circle at 85% 70%, rgba(142, 197, 252, 0.25), transparent 55%), linear-gradient(180deg, #1c0a18, #0e0814); }
.pp__avatar { position: absolute; left: 50%; bottom: -2.6rem; width: 5.5rem; height: 5.5rem; transform: translateX(-50%); border-width: 3px; background: #120a18; }
.pp__avatar b { font-size: 2rem; }
.pp__corpo { padding: 3.2rem 1.3rem 1.3rem; text-align: center; }
.pp__nome { margin: 0; font-size: 1.5rem; line-height: 1.2; }
.pp__nome .cm-nome { font-size: 1.5rem; }
.pp__apelido { margin: 0.1rem 0 0; font-size: 0.82rem; color: var(--text-muted); }
.pp__selos { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; margin: 0.7rem 0 0; }
.pp__titulo { margin: 0.35rem 0 0; font-size: 0.8rem; font-style: italic; color: var(--text-muted); }
.pp__bio { margin: 0.7rem 0 0; font-size: 0.85rem; line-height: 1.45; color: var(--text); overflow-wrap: anywhere; }
.pp__barra { height: 0.4rem; margin: 1rem 0 0; border-radius: 9999px; background: rgba(255, 255, 255, 0.1); overflow: hidden; }
.pp__barra i { display: block; height: 100%; border-radius: 9999px; background: linear-gradient(90deg, var(--sakura), #f6d365); }
.pp__prox { margin: 0.35rem 0 0; font-size: 0.7rem; color: var(--text-muted); }
.pp__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem; margin-top: 1rem; }
.pp__stat { padding: 0.55rem 0.2rem; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 0.6rem; background: rgba(255, 255, 255, 0.03); }
.pp__stat b { display: block; font-family: var(--font-heading, inherit); font-size: 1.05rem; color: var(--text); }
.pp__stat span { display: block; margin-top: 0.1rem; font-size: 0.58rem; line-height: 1.15; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); }
.pp__loja { margin-top: 1.1rem; padding: 0.9rem; border: 1px solid rgba(246, 211, 101, 0.35); border-radius: 0.8rem; background: linear-gradient(160deg, rgba(246, 211, 101, 0.1), rgb(var(--sakura-rgb, 255 42 109) / 0.06)); }
.pp__loja-titulo { margin: 0; font-family: var(--font-heading, inherit); font-size: 0.95rem; letter-spacing: 0.05em; text-transform: uppercase; color: #f6d365; }
.pp__loja-texto { margin: 0.3rem 0 0; font-size: 0.75rem; line-height: 1.4; color: var(--text-muted); }
.pp__mostra { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem; margin-top: 0.7rem; }
.pp__mostra-item { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 0.35rem; min-height: 4rem; padding: 0.5rem 0.2rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.35); text-decoration: none; }
.pp__mostra-item .cm-nome { font-size: 0.72rem; }
.pp__mostra-item small { font-size: 0.58rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }
.pp__mini-avatar { width: 1.8rem; height: 1.8rem; font-size: 0.8rem; }
.pp__mini-fundo { display: block; width: 100%; height: 1.8rem; border-radius: 0.3rem; }
.pp__mini-cm { display: block; width: 100%; padding: 0.3rem 0.2rem; border: 1px solid; border-radius: 0.3rem; font-size: 0.55rem; color: var(--text); }
.pp__acoes { display: grid; gap: 0.45rem; margin-top: 0.8rem; }
.pp__botao { display: block; padding: 0.55rem 0.8rem; border: 0; border-radius: 9999px; background: linear-gradient(135deg, var(--sakura), #ff6b9d); color: #fff; font-family: var(--font-heading, inherit); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; }
.pp__botao--claro { border: 1px solid rgba(246, 211, 101, 0.5); background: transparent; color: #f6d365; }
@media (prefers-reduced-motion: reduce) { .pp, .pp__caixa { animation: none; } }
.pp__mini-cm.ce-neon { border-color: #22e6ff; background: rgba(8, 10, 24, 0.9); animation: loja-neon 2.4s ease-in-out infinite; }
.cm__selo--regente { color: #5eead4; border-color: #5eead4; background: rgba(94, 234, 212, .1); }
.cm__selo--imperador { border: 0; color: #160a1f; background: linear-gradient(90deg, #ff2a6d, #f6d365, #a78bfa); }

/* Titulos do Reino no perfil publico (substitui o bloco da loja) */
.pp__titulos { margin-top: 1.1rem; text-align: center; }
.pp__titulos-cab { margin: 0; font-family: var(--font-heading, inherit); font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; color: #f6d365; }
.pp__titulos-lista { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; margin: 0.5rem 0 0; }
.pp__tit { padding: 0.25rem 0.65rem; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 9999px; font-size: 0.75rem; color: var(--text-muted); }
.pp__tit.is-equipado { border-color: rgba(246, 211, 101, 0.7); background: rgba(246, 211, 101, 0.12); color: #f6d365; font-weight: 700; }

/* Medalhas no perfil publico */
.pp__medalhas { margin-top: 1.1rem; text-align: center; }
.pp__medalhas-cab { margin: 0; font-family: var(--font-heading, inherit); font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; color: #f6d365; }
.pp__medalhas-cab small { color: var(--text-muted); font-size: 0.7rem; letter-spacing: 0.05em; }
.pp__med-grade { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem; margin-top: 0.6rem; }
.pp__med-grade[hidden] { display: none; }
.pp__med { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; padding: 0.45rem 0.15rem; border: 1px solid rgba(246, 211, 101, 0.35); border-radius: 0.6rem; background: rgba(246, 211, 101, 0.07); cursor: help; }
.pp__med-ico { font-size: 1.5rem; line-height: 1; }
.pp__med small { font-size: 0.56rem; line-height: 1.15; color: var(--text-muted); overflow-wrap: anywhere; }
.pp__med.is-bloq { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); opacity: 0.55; }
.pp__med.is-bloq .pp__med-ico { font-size: 1.1rem; filter: grayscale(1); }
.pp__med-vazio { margin: 0.5rem 0 0; font-size: 0.75rem; color: var(--text-muted); }
.pp__med-mais { margin: 0.7rem 0 0; padding: 0.3rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 9999px; background: transparent; color: var(--text-muted); font-size: 0.7rem; cursor: pointer; }
.pp__med-mais:hover { color: #f6d365; border-color: rgba(246, 211, 101, 0.5); }
.pp__med-grade--bloq { margin-top: 0.6rem; }

/* Titulo do Mercado nos chats (Diplomacia e reino) */
.cm__selo--titulo { border: 1px solid rgba(246, 211, 101, 0.55); background: rgba(246, 211, 101, 0.12); color: #f6d27a; }

/* Moderacao: silenciar e pedido de banimento nas listas do painel */
.cmadm__sil { display: inline-flex; gap: 0.3rem; align-items: center; }
.cmadm__sil select { height: 1.9rem; padding: 0 0.4rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.3rem; background: transparent; color: inherit; font-size: 0.75rem; }
.cmadm__pedido { display: inline-block; vertical-align: top; }
.cmadm__pedido summary { cursor: pointer; list-style: none; }
.cmadm__pedido form { display: grid; gap: 0.4rem; margin-top: 0.4rem; min-width: 16rem; }
.cmadm__pedido input, .cmadm__pedido textarea { width: 100%; padding: 0.4rem 0.6rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.3rem; background: transparent; color: inherit; font-size: 0.8rem; }
.cmadm__sec > .cmadm__sumario { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; cursor: pointer; list-style: none; }
.cmadm__sumario::-webkit-details-marker { display: none; }
.cmadm__sumario::after { content: ""; flex: none; width: 0.55rem; height: 0.55rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 0.15s; margin-left: 0.25rem; }
.cmadm__sec[open] > .cmadm__sumario::after { transform: rotate(-135deg); }
.cmadm__sumario span { margin-left: auto; }
.pp__med-grade--esp { grid-template-columns: repeat(3, 1fr); }
.pp__med--esp { border-width: 2px; }
.pp__med--mao_imperador { border-color: #f6d365; background: linear-gradient(160deg, rgba(246, 211, 101, 0.2), rgba(255, 42, 109, 0.12)); }
.pp__med--louco { border-color: #c084fc; background: linear-gradient(160deg, rgba(192, 132, 252, 0.2), rgba(244, 63, 94, 0.14)); }
.pp__med--apostolo { border-color: #93c5fd; background: rgba(147, 197, 253, 0.12); }
.med-ico { display: inline-block; width: 0.95em; height: 0.95em; vertical-align: -0.12em; background: center / contain no-repeat; }
.med-ico--grande { width: 1.6em; height: 1.6em; vertical-align: -0.3em; }
.med-ico--mao_imperador { background-image: url(/assets/medalhas/mao_imperador.svg); }
.med-ico--louco { background-image: url(/assets/medalhas/louco.svg); }
.med-ico--apostolo { background-image: url(/assets/medalhas/apostolo.svg); }
.pp__med-ico .med-ico { width: 1.5rem; height: 1.5rem; vertical-align: 0; }
.cm__selo .med-ico { width: 1.3em; height: 1.3em; vertical-align: -0.3em; }