/* Sites da rede (conta, franquia, PagPay e a página do parceiro): maquininhas, planos, sistemas e parceiros.
   A cor da marca vem em --sc (definida na página). Tudo em .sc para não brigar com o painel. */
.sc { --sc: #7c3aed; --sc-txt: #fff; --sc-forte: var(--sc); --sc-esc: color-mix(in srgb, var(--sc) 70%, #000); --sc-cla: color-mix(in srgb, var(--sc) 10%, #fff); --sc-tinta: #12121a; --sc-mut: #5f6170;
  --sc-linha: #ececf2; --sc-fundo: #f7f7fb; --sc-r: 22px; --sc-sombra: 0 10px 30px rgba(18, 18, 26, .07); --sc-sombra-g: 0 24px 60px rgba(18, 18, 26, .14);
  margin: 0; background: #fff; color: var(--sc-tinta); font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.sc *, .sc *::before, .sc *::after { box-sizing: border-box; }
.sc a { color: inherit; text-decoration: none; }
.sc h1, .sc h2, .sc h3, .sc h4 { color: var(--sc-tinta); letter-spacing: -.02em; line-height: 1.12; margin: 0 0 .5em; font-weight: 800; }
.sc h1 { font-size: clamp(36px, 6vw, 64px); }
.sc h2 { font-size: clamp(28px, 4vw, 44px); }
.sc h3 { font-size: 20px; }
.sc p { margin: 0 0 1em; color: var(--sc-mut); }
.sc-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.sc-sec { padding: clamp(64px, 9vw, 112px) 0; }
.sc-sec.cinza { background: var(--sc-fundo); }
.sc-tit { text-align: center; max-width: 720px; margin: 0 auto clamp(36px, 5vw, 60px); }
.sc-tit p { font-size: 18px; }
.sc-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sc-forte); margin-bottom: 12px; }
.sc-cor { color: var(--sc-forte); }

/* botões */
.sc-b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 26px; border-radius: 999px; font-weight: 700; font-size: 16px;
  border: 2px solid transparent; cursor: pointer; transition: transform .15s, box-shadow .2s, background .2s; white-space: nowrap; }
.sc-b:hover { transform: translateY(-2px); }
.sc-b.pri { background: var(--sc); color: var(--sc-txt); box-shadow: 0 10px 24px color-mix(in srgb, var(--sc) 35%, transparent); }
.sc-b.pri:hover { background: var(--sc-esc); }
.sc-b.branco { background: #fff; color: var(--sc-tinta); }
.sc-b.linha { border-color: currentColor; background: transparent; }
.sc-b.sm { min-height: 40px; padding: 0 18px; font-size: 14px; }
.sc-b.full { width: 100%; }
.sc-b.wa { background: #25d366; color: #fff; }

/* topo */
.sc-topo { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .88); backdrop-filter: saturate(1.8) blur(14px); border-bottom: 1px solid var(--sc-linha); }
.sc-topo .sc-wrap { display: flex; align-items: center; gap: 20px; min-height: 72px; }
.sc-marca { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; letter-spacing: -.03em; }
.sc-marca img { max-height: 40px; max-width: 170px; }
.sc-marca .ponto { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, var(--sc), var(--sc-esc)); display: grid; place-items: center; color: var(--sc-txt); font-size: 18px; }
.sc-menu { display: flex; gap: 26px; margin-left: 24px; font-weight: 600; font-size: 15px; }
.sc-menu a { color: var(--sc-mut); padding: 6px 0; border-bottom: 2px solid transparent; }
.sc-menu a:hover, .sc-menu a.on { color: var(--sc-tinta); border-color: var(--sc); }
.sc-acoes { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.sc-burger { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--sc-linha); background: #fff; font-size: 22px; }
.sc-menu-cel { display: none; padding: 8px 20px 20px; border-top: 1px solid var(--sc-linha); }
.sc-menu-cel a { display: block; padding: 12px 0; font-weight: 600; border-bottom: 1px solid var(--sc-linha); }
body.sc-menu-aberto .sc-menu-cel { display: block; }
@media (max-width: 980px) { .sc-menu { display: none; } .sc-burger { display: inline-grid; place-items: center; } .sc-acoes .esconde-cel { display: none; } }

/* hero */
.sc-hero { position: relative; overflow: hidden; background: radial-gradient(1200px 500px at 85% -10%, color-mix(in srgb, var(--sc) 30%, #fff), transparent 60%), linear-gradient(180deg, var(--sc-cla), #fff); }
.sc-hero .sc-wrap { display: grid; gap: 40px; align-items: center; padding-top: clamp(40px, 7vw, 90px); padding-bottom: clamp(56px, 8vw, 100px); }
@media (min-width: 980px) { .sc-hero .sc-wrap { grid-template-columns: 1.1fr .9fr; } }
.sc-hero .lead { font-size: clamp(18px, 2.2vw, 21px); color: var(--sc-mut); max-width: 560px; }
.sc-hero-acoes { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 22px; }
.sc-garantias { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 14px; font-weight: 600; color: var(--sc-tinta); }
.sc-garantias i { color: var(--sc-forte); margin-right: 6px; }
.sc-pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--sc-linha); font-size: 13px; font-weight: 700; color: var(--sc-forte); margin-bottom: 18px; box-shadow: var(--sc-sombra); }
.sc-hero-arte { position: relative; justify-self: center; width: min(100%, 440px); }
.sc-hero-arte img.foto { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 32px; box-shadow: var(--sc-sombra-g); }
.sc-hero-arte svg { width: 100%; height: auto; filter: drop-shadow(0 30px 40px rgba(18, 18, 26, .25)); animation: sc-flutua 6s ease-in-out infinite; }
.sc-bolha { position: absolute; background: #fff; border-radius: 18px; padding: 12px 16px; box-shadow: var(--sc-sombra-g); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.sc-bolha i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--sc-cla); color: var(--sc-forte); font-size: 17px; }
.sc-bolha small { display: block; font-weight: 500; color: var(--sc-mut); }
.sc-bolha.um { top: 12%; left: -6%; } .sc-bolha.dois { bottom: 14%; right: -4%; }
@media (max-width: 560px) { .sc-bolha { display: none; } }
@keyframes sc-flutua { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-12px) rotate(1deg); } }
.sc-anima { animation: sc-sobe .8s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes sc-sobe { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* faixa das bandeiras */
.sc-bandeiras { border-block: 1px solid var(--sc-linha); background: #fff; overflow: hidden; }
.sc-bandeiras .trilho { display: flex; gap: 14px; padding: 18px 0; width: max-content; animation: sc-rola 30s linear infinite; }
.sc-bandeiras span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 999px; background: var(--sc-fundo); font-weight: 700; color: var(--sc-tinta); white-space: nowrap; }
@keyframes sc-rola { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .sc-bandeiras .trilho, .sc-hero-arte svg { animation: none; } }

/* cartões */
.sc-grade { display: grid; gap: 22px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); }
.sc-card { position: relative; background: #fff; border: 1px solid var(--sc-linha); border-radius: var(--sc-r); padding: 30px; box-shadow: var(--sc-sombra); transition: transform .2s, box-shadow .2s, border-color .2s; }
.sc-card:hover { transform: translateY(-4px); box-shadow: var(--sc-sombra-g); border-color: color-mix(in srgb, var(--sc) 30%, var(--sc-linha)); }
.sc-ico { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; font-size: 25px; margin-bottom: 18px; background: var(--sc-cla); color: var(--sc-forte); }
.sc-selo { position: absolute; top: 18px; right: 18px; background: var(--sc2, var(--sc)); color: var(--sc2-txt, #fff); font-size: 12px; font-weight: 800; padding: 5px 12px; border-radius: 999px; }
.sc-lista { list-style: none; padding: 0; margin: 16px 0 24px; display: grid; gap: 10px; }
.sc-lista li { display: flex; gap: 10px; align-items: flex-start; color: var(--sc-tinta); font-size: 15px; }
.sc-lista li::before { content: '✓'; flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--sc-cla); color: var(--sc-forte); display: grid; place-items: center; font-size: 12px; font-weight: 800; margin-top: 1px; }

/* passos */
.sc-passos { display: grid; gap: 22px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); counter-reset: passo; }
.sc-passo { counter-increment: passo; text-align: center; padding: 10px 18px; }
.sc-passo::before { content: counter(passo); display: grid; place-items: center; margin: 0 auto 18px; width: 64px; height: 64px; border-radius: 22px; font-size: 26px; font-weight: 800; color: var(--sc-txt);
  background: linear-gradient(135deg, var(--sc), var(--sc-esc)); box-shadow: 0 14px 30px color-mix(in srgb, var(--sc) 35%, transparent); }

/* maquininhas */
.sc-maq { display: flex; flex-direction: column; text-align: center; }
.sc-maq .foto { height: 210px; display: grid; place-items: center; margin: -6px -6px 18px; border-radius: 16px; background: linear-gradient(180deg, var(--sc-cla), #fff); }
.sc-maq .foto img { max-height: 190px; max-width: 90%; object-fit: contain; }
.sc-maq .foto svg { height: 180px; width: auto; }
.sc-maq .condicao { font-size: 22px; font-weight: 800; color: var(--sc-tinta); margin: 4px 0 2px; }
.sc-maq .sc-lista { text-align: left; }
.sc-maq .sc-b { margin-top: auto; }

/* planos */
.sc-abas { display: inline-flex; flex-wrap: wrap; gap: 6px; padding: 6px; border-radius: 999px; background: var(--sc-fundo); border: 1px solid var(--sc-linha); }
.sc-abas button { border: 0; background: transparent; border-radius: 999px; padding: 10px 20px; font-weight: 700; color: var(--sc-mut); cursor: pointer; font-size: 15px; }
.sc-abas button.on { background: var(--sc); color: var(--sc-txt); box-shadow: 0 8px 18px color-mix(in srgb, var(--sc) 30%, transparent); }
.sc-taxas { background: #fff; border: 1px solid var(--sc-linha); border-radius: var(--sc-r); box-shadow: var(--sc-sombra); overflow: auto; }
.sc-taxas table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 520px; }
.sc-taxas th, .sc-taxas td { padding: 14px 18px; border-bottom: 1px solid var(--sc-linha); text-align: right; white-space: nowrap; }
.sc-taxas th:first-child, .sc-taxas td:first-child { text-align: left; font-weight: 600; }
.sc-taxas thead th { background: var(--sc-fundo); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--sc-mut); }
.sc-taxas tbody tr:hover td { background: var(--sc-cla); }

/* simulador e formulários */
.sc-form label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; color: var(--sc-tinta); }
.sc-form input, .sc-form select, .sc-form textarea { width: 100%; min-height: 50px; border-radius: 14px; border: 1.5px solid var(--sc-linha); background: #fff; padding: 12px 14px; font: inherit; color: var(--sc-tinta); }
.sc-form textarea { min-height: 90px; }
.sc-form input:focus, .sc-form select:focus, .sc-form textarea:focus { outline: 0; border-color: var(--sc); box-shadow: 0 0 0 4px color-mix(in srgb, var(--sc) 15%, transparent); }
.sc-campos { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.sc-campos .inteiro { grid-column: 1 / -1; }
.sc-check { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 500 !important; font-size: 14px !important; color: var(--sc-mut) !important; }
.sc-check input { width: 20px; min-height: 20px; height: 20px; margin-top: 2px; accent-color: var(--sc); flex: 0 0 20px; }
.sc-opcoes { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.sc-opcao { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1.5px solid var(--sc-linha); border-radius: 14px; cursor: pointer; font-weight: 600; }
.sc-opcao:has(input:checked) { border-color: var(--sc); background: var(--sc-cla); }
.sc-opcao input { width: 20px; min-height: 20px; height: 20px; accent-color: var(--sc); margin-top: 2px; }
.sc-opcao small { display: block; font-weight: 500; color: var(--sc-mut); }
.sc-simul { display: grid; gap: 22px; }
@media (min-width: 900px) { .sc-simul { grid-template-columns: 1.1fr .9fr; } }
.sc-resultado { border-radius: var(--sc-r); padding: 32px; color: var(--sc-txt); background: linear-gradient(135deg, var(--sc), var(--sc-esc)); box-shadow: var(--sc-sombra-g); display: flex; flex-direction: column; gap: 16px; }
.sc-resultado .linha { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, .2); padding-bottom: 12px; }
.sc-resultado .grande { font-size: clamp(34px, 5vw, 48px); font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.sc-resultado p, .sc-resultado small { color: var(--sc-txt); opacity: .85; }

/* sistemas */
.sc-sis .topo { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.sc-sis .topo .sc-ico { margin: 0; }
.sc-sis .preco { font-weight: 800; color: var(--sc-forte); }
.sc-sis .imagem { width: 100%; border-radius: 14px; margin-bottom: 16px; aspect-ratio: 16 / 9; object-fit: cover; }

/* faixa de destaque, parceiro, perguntas, números */
.sc-faixa { border-radius: 32px; padding: clamp(36px, 6vw, 72px); color: var(--sc-txt); background: radial-gradient(600px 300px at 90% 0%, rgba(255, 255, 255, .18), transparent 60%), linear-gradient(135deg, var(--sc), var(--sc-esc));
  box-shadow: var(--sc-sombra-g); display: grid; gap: 30px; align-items: center; }
@media (min-width: 900px) { .sc-faixa { grid-template-columns: 1.2fr .8fr; } }
.sc-faixa h2, .sc-faixa h3 { color: var(--sc-txt); }
.sc-faixa p { color: var(--sc-txt); opacity: .88; }
.sc-faixa .sc-lista li { color: var(--sc-txt); }
.sc-faixa .sc-lista li::before { background: rgba(255, 255, 255, .25); color: var(--sc-txt); }
.sc-numeros { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); text-align: center; }
.sc-numeros strong { display: block; font-size: clamp(34px, 5vw, 50px); font-weight: 800; color: var(--sc-forte); letter-spacing: -.03em; }
.sc-dep { display: flex; flex-direction: column; gap: 16px; }
.sc-dep .aspas { font-size: 44px; line-height: .5; color: var(--sc-forte); font-weight: 800; }
.sc-faq { display: grid; gap: 12px; max-width: 860px; margin: 0 auto; }
.sc-faq details { background: #fff; border: 1px solid var(--sc-linha); border-radius: 18px; transition: box-shadow .2s, border-color .2s; }
.sc-faq details[open] { border-color: color-mix(in srgb, var(--sc) 35%, var(--sc-linha)); box-shadow: var(--sc-sombra); }
.sc-faq summary { list-style: none; cursor: pointer; padding: 20px 24px; font-weight: 700; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.sc-faq summary::-webkit-details-marker { display: none; }
.sc-faq summary::after { content: '+'; font-size: 24px; color: var(--sc-forte); transition: transform .2s; }
.sc-faq details[open] summary::after { transform: rotate(45deg); }
.sc-faq .resp { padding: 0 24px 22px; color: var(--sc-mut); }
.sc-aviso { border-radius: 16px; padding: 16px 20px; font-weight: 600; margin: 24px auto 0; max-width: 1160px; }
.sc-aviso.ok { background: #e8f8ef; color: #16794a; }
.sc-aviso.erro { background: #fdecee; color: #b42335; }

/* parceiro (página pessoal) */
.sc-pessoa { display: flex; align-items: center; gap: 16px; }
.sc-pessoa img, .sc-pessoa .ini { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 4px #fff, var(--sc-sombra); }
.sc-pessoa .ini { display: grid; place-items: center; background: linear-gradient(135deg, var(--sc), var(--sc-esc)); color: var(--sc-txt); font-weight: 800; font-size: 22px; }

/* rodapé */
.sc-rodape { background: #0f0f17; color: rgba(255, 255, 255, .72); padding: 64px 0 calc(28px + env(safe-area-inset-bottom)); font-size: 15px; }
.sc-rodape .cols { display: grid; gap: 30px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); margin-bottom: 40px; }
.sc-rodape h4 { color: #fff; font-size: 15px; margin-bottom: 14px; }
.sc-rodape a { display: block; padding: 4px 0; color: rgba(255, 255, 255, .72); }
.sc-rodape a:hover { color: #fff; }
.sc-rodape .fim { border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 22px; font-size: 13px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.sc-rodape .sc-marca { color: #fff; margin-bottom: 12px; }
.sc-wa { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 60; width: 60px; height: 60px; border-radius: 50%; background: #25d366; color: #fff !important;
  display: grid; place-items: center; font-size: 30px; box-shadow: 0 14px 30px rgba(37, 211, 102, .45); transition: transform .2s; }
.sc-wa:hover { transform: scale(1.08); }

/* sistemas: logo, fotos das telas (passam com o mouse em cima; clicar amplia) e os botões */
.sc-logo { display: grid; place-items: center; height: 54px; min-width: 54px; max-width: 140px; padding: 6px 10px; border-radius: 16px; background: #fff; border: 1px solid var(--sc-linha); }
.sc-logo img { max-height: 40px; max-width: 120px; object-fit: contain; }
.sc-telas { margin: -6px -6px 18px; }
.sc-telas button { border: 0; padding: 0; background: none; cursor: zoom-in; display: block; }
.sc-telas .capa { position: relative; width: 100%; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: var(--sc-fundo); border: 1px solid var(--sc-linha); }
.sc-telas .capa img { width: 100%; height: 100%; object-fit: cover; object-position: top left; transition: opacity .35s; }
.sc-telas .capa img.trocando { opacity: .25; }
.sc-telas .qtd { position: absolute; right: 10px; bottom: 10px; background: rgba(18, 18, 26, .72); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.sc-telas .pontos { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; pointer-events: none; }
.sc-telas .pontos i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .55); box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }
.sc-telas .pontos i.on { background: #fff; width: 18px; border-radius: 4px; }
.sc-telas .mini { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; }
.sc-telas .mini button { flex: 0 0 72px; height: 46px; border-radius: 8px; overflow: hidden; border: 1px solid var(--sc-linha); }
.sc-telas .mini img { width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.sc-sis-acoes { margin-top: auto; display: grid; gap: 10px; }
.sc-zoom { position: fixed; inset: 0; z-index: 100; background: rgba(10, 10, 16, .88); display: grid; place-items: center; padding: 20px; }
.sc-zoom img { max-width: min(1200px, 100%); max-height: calc(100vh - 100px); border-radius: 12px; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); background: #fff; }
.sc-zoom button { position: absolute; border: 0; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 22px; cursor: pointer; }
.sc-zoom .fechar { top: 16px; right: 16px; }
.sc-zoom .ant { left: 16px; top: 50%; transform: translateY(-50%); }
.sc-zoom .prox { right: 16px; top: 50%; transform: translateY(-50%); }
.sc-zoom .cont { position: absolute; bottom: 18px; color: #fff; font-weight: 600; font-size: 14px; }

/* Torne-se franqueado: o investimento e o comparativo parceiro x franqueado */
.sc-preco { background: #fff; border-radius: 28px; padding: 32px; box-shadow: var(--sc-sombra-g); border: 1px solid var(--sc-linha); text-align: center; }
.sc-preco .rot { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sc-mut); }
.sc-preco .valor { font-size: clamp(40px, 6vw, 56px); font-weight: 800; letter-spacing: -.03em; color: var(--sc-tinta); line-height: 1.1; margin: 8px 0 4px; }
.sc-preco .valor small { font-size: 22px; vertical-align: top; margin-right: 4px; color: var(--sc-mut); }
.sc-preco .sc-lista { text-align: left; margin: 22px 0; }
.sc-comp { background: #fff; border: 1px solid var(--sc-linha); border-radius: var(--sc-r); box-shadow: var(--sc-sombra); overflow: auto; }
.sc-comp table { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 15px; }
.sc-comp th, .sc-comp td { padding: 16px 20px; border-bottom: 1px solid var(--sc-linha); text-align: left; vertical-align: top; }
.sc-comp thead th { font-size: 15px; background: var(--sc-fundo); }
.sc-comp thead th.fran { background: var(--sc); color: var(--sc-txt); }
.sc-comp td.fran { background: var(--sc-cla); font-weight: 600; color: var(--sc-tinta); }
.sc-comp td.par { color: var(--sc-mut); }
.sc-comp td:first-child { font-weight: 700; width: 22%; }
.sc-comp .sim { color: #16a34a; margin-right: 6px; } .sc-comp .nao { color: #9ca3af; margin-right: 6px; }
.sc-menu { gap: 22px; margin-left: 16px; } .sc-menu a, .sc-marca, .sc-acoes .sc-b { white-space: nowrap; }
@media (max-width: 1240px) { .sc-menu { display: none; } .sc-burger { display: inline-grid; place-items: center; } }

/* as páginas da rede dentro do site da plataforma (body.ps, aurora-site.css): mesmas cores e fontes dele, escuro ou claro */
.sc.sc-na-plataforma { --sc-tinta: var(--x-ink); --sc-mut: var(--x-txt); --sc-linha: var(--x-line); --sc-fundo: var(--x-bg-2); --sc-cla: color-mix(in srgb, var(--sc) 16%, transparent);
  --sc-sombra: var(--x-sh); --sc-sombra-g: var(--lp-sh-lg); --sc-forte: color-mix(in srgb, var(--sc) 65%, var(--x-ink));
  background: transparent; color: var(--x-txt); font-family: var(--x-font); padding-top: 70px; }
.sc-na-plataforma .sc-hero { background: radial-gradient(900px 420px at 85% 0%, color-mix(in srgb, var(--sc) 28%, transparent), transparent 65%); }
.sc-na-plataforma .sc-sec.cinza { background: var(--x-bg-2); }
.sc-na-plataforma .sc-card, .sc-na-plataforma .sc-taxas, .sc-na-plataforma .sc-comp, .sc-na-plataforma .sc-faq details, .sc-na-plataforma .sc-preco,
.sc-na-plataforma .sc-bolha, .sc-na-plataforma .sc-pill, .sc-na-plataforma .sc-logo { background: var(--x-solid); border-color: var(--x-line); }
.sc-na-plataforma .sc-bandeiras { background: transparent; border-color: var(--x-line); }
.sc-na-plataforma .sc-bandeiras span, .sc-na-plataforma .sc-abas, .sc-na-plataforma .sc-taxas thead th, .sc-na-plataforma .sc-comp thead th { background: var(--x-bg-2); color: var(--x-txt); }
.sc-na-plataforma .sc-form input, .sc-na-plataforma .sc-form select, .sc-na-plataforma .sc-form textarea { background: var(--x-bg); color: var(--x-ink); border-color: var(--x-line-2); }
.sc-na-plataforma .sc-opcao { border-color: var(--x-line-2); }
.sc-na-plataforma .sc-maq .foto { background: linear-gradient(180deg, var(--sc-cla), transparent); }
.sc-na-plataforma .sc-b.linha { color: var(--x-ink); }
.sc-na-plataforma .sc-b.branco { color: #12121a; }
.sc-na-plataforma .sc-comp td.fran { background: color-mix(in srgb, var(--sc) 14%, transparent); }
.sc-na-plataforma .sc-telas .capa { background: var(--x-bg-2); border-color: var(--x-line); }
body.ps .sc-na-plataforma .sc-faixa h2, body.ps .sc-na-plataforma .sc-faixa h3, body.ps .sc-na-plataforma .sc-resultado .grande { color: var(--sc-txt); }