/* voip-brasil.com: mesmo sistema do sip-trunk.online com cores e fontes proprias (carregado so quando SITE_VOIP). */
:root {
	--papel: #F3F6F1;
	--branco: #FFFFFF;
	--tinta: #0C3B2E;
	--tinta-2: #3E5A50;
	--linha: #D3DED7;
	--sinal: #0F7A55;
	--sinal-forte: #0B6345;
	--sinal-claro: #DDF3E8;
	--sinal-noite: #3DDC97;
	--pacote: #FFD166;
	--fonte-titulo: "Sora", "Segoe UI", system-ui, sans-serif;
	--fonte-texto: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}
.vb-quadro { margin: 0; background: var(--tinta); color: #fff; border-radius: 22px; padding: 1.4rem 1.2rem 1.2rem; box-shadow: 0 30px 60px -30px rgba(12, 59, 46, .55); }
.vb-ddds { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.vb-ddds li { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .7rem .85rem; border-radius: 12px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(61, 220, 151, .18); animation: vb-acende 6.4s ease-in-out infinite; animation-delay: calc(var(--i) * .8s); white-space: nowrap; }
.vb-cidade { font-size: .9rem; color: #CFE8DC; overflow: hidden; }
.vb-ddd { font-family: var(--fonte-titulo); font-weight: 700; color: var(--sinal-noite); }
.vb-quadro figcaption { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid rgba(255, 255, 255, .14); font-size: .85rem; color: #B7D3C6; line-height: 1.5; }
@keyframes vb-acende { 0%, 12%, 100% { background: rgba(255, 255, 255, .06); } 4%, 8% { background: rgba(61, 220, 151, .22); } }
@media (prefers-reduced-motion: reduce) { .vb-ddds li { animation: none; } }
@media (max-width: 30rem) { .vb-ddds { grid-template-columns: minmax(0, 1fr); } }