.selo-breve { display: inline-block; margin-left: 8px; padding: 2px 9px; border-radius: 999px; background: var(--sinal); color: var(--sinal-tinta); font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; }
.em-breve { display: none; position: fixed; inset: 0; z-index: 10000; align-items: center; justify-content: center; padding: 16px; }
.em-breve:target { display: flex; }
.em-breve-veu { position: absolute; inset: 0; background: rgba(14, 24, 40, .62); }
.em-breve-caixa { position: relative; max-width: 460px; width: 100%; background: var(--superficie, #fff); color: var(--tinta); border: 1px solid var(--linha); border-top: 4px solid var(--sinal); border-radius: 10px; padding: 24px 22px 20px; box-shadow: 0 20px 50px rgba(0, 0, 0, .3); }
.em-breve-caixa h2 { margin: 6px 0 10px; font-size: 1.35rem; line-height: 1.2; }
.em-breve-caixa p { margin: 0 0 12px; }
.em-breve-caixa .acoes { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.em-breve-x { position: absolute; top: 8px; right: 12px; font-size: 1.6rem; line-height: 1; color: var(--aco); text-decoration: none; }
.servico-breve .modulo-preco b { color: inherit; }
/* O estilo do nome Wächter (fonte e cor próprias, itálico) fica no site.css, junto com os outros nomes. */
.hero-ajuda { margin: 0.6rem 0 0; color: var(--aco); font-size: 0.9rem; max-width: 40rem; }