/* Páginas de produto (StarConex, StarRecover, StarVoIP): base no style.css da HORIX, com o universo de cor de cada produto */
.tema-conex { --acento: var(--conex); --acento2: #2fd3a0; --acento-fundo: rgba(140,198,63,.16); }
.tema-recover { --acento: var(--recover); --acento2: #ff8a5c; --acento-fundo: rgba(224,180,90,.16); }
.tema-voip { --acento: var(--voip); --acento2: #8a7dff; --acento-fundo: rgba(94,168,255,.16); }

.nav-marca .nav-produto { font-weight: 600; font-size: 1.0625rem; letter-spacing: .01em; color: var(--branco); white-space: nowrap; }
.nav-marca .nav-produto::first-letter { color: var(--acento); }
.pagina-produto .nav-marca svg { color: var(--branco); }

.pagina-produto .nebulosa { background:
  radial-gradient(40% 36% at 72% 42%, var(--acento-fundo), transparent 70%),
  radial-gradient(30% 30% at 20% 70%, rgba(255,255,255,.04), transparent 70%); }
.pagina-produto .titulo-abertura .forte > span { background-image: linear-gradient(100deg, #ffffff 0%, var(--acento) 45%, var(--acento2) 75%, #ffffff 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
.abertura-papel { margin-bottom: 18px; color: var(--acento); }
.abertura-papel svg, .secao-extra .produto-papel svg { color: var(--acento); }
.secao-extra .produto-papel { color: var(--acento); margin-bottom: 14px; }
.secao-extra .cabeca { margin-bottom: 36px; }
.pagina-produto .seguranca li:hover { border-color: color-mix(in srgb, var(--acento) 55%, transparent); box-shadow: 0 24px 50px -28px color-mix(in srgb, var(--acento) 70%, transparent); }
.pagina-produto .secao-extra .seg-ic { color: var(--acento); }
.pagina-produto .secao-extra .passos::before { background: linear-gradient(90deg, transparent, var(--acento), var(--acento2), transparent); }
.pagina-produto .secao-extra .passo-num { background: var(--acento); color: #071006; }
.pagina-produto .faixa-movel svg { color: var(--acento); }

.aviso-rascunho { position: fixed; left: 50%; bottom: 14px; translate: -50% 0; z-index: 60; padding: 8px 16px; border-radius: 999px;
  background: rgba(255,196,0,.14); border: 1px solid rgba(255,196,0,.45); color: #ffd666; font-size: .8125rem; letter-spacing: .02em; backdrop-filter: blur(8px); max-width: calc(100% - 32px); text-align: center; }
@media (max-width: 600px) { .aviso-rascunho { bottom: auto; top: 86px; font-size: .75rem; } .nav-marca .nav-produto { font-size: 1rem; } }
.secao-extra .cabeca > .produto-papel { grid-column: 1 / -1; margin-bottom: -8px; }