/* ══════════════════════════════════════════════════════════════════════════ 🌑 MISS CANVAS — TEMA ESCURO 2026 (Miriam 2026-07-04) Folha COMPARTILHADA das páginas internas (entrar · pagamento · suporte · pricing). Mesmo clima do index/Missy: fundo preto acinzentado, barra Syne, pílula rosa, cards escuros. Pra usar: no fim do (ela vence o que vier antes). ══════════════════════════════════════════════════════════════════════════ */ /* fundo da casa (mata o amarelo de bolinhas) */ body { background: #101013 !important; background-image: radial-gradient(900px 480px at 8% -8%, rgba(255,255,255,.05), transparent 60%), radial-gradient(760px 420px at 108% 6%, rgba(212,175,55,.05), transparent 58%) !important; color: #f0ede6 !important; } .halftone, .mc-dot { background-image: none !important; } main { background: transparent !important; } /* ── BARRA SUPERIOR — idêntica ao index (Syne, MISS CANVAS branco, ENTRAR rosa) ── */ .mc-nav { background: rgba(10,8,20,.72) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.09) !important; padding: .75rem 0 !important; box-shadow: none !important; } .mc-nav-logo { font-family: 'Syne', sans-serif !important; font-weight: 800 !important; font-size: 1.35rem !important; letter-spacing: 1px !important; color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,.55) !important; text-transform: uppercase !important; } .mc-nav-links a { font-family: 'Syne', sans-serif !important; font-weight: 700 !important; font-size: .95rem !important; letter-spacing: .5px !important; color: #fff !important; text-transform: uppercase !important; } .mc-nav-links a:hover { color: #ffd76b !important; transform: none !important; } .mc-nav-btn { background: #FF007F !important; border: 0 !important; box-shadow: 0 4px 14px rgba(255,0,127,.4) !important; color: #fff !important; border-radius: 999px !important; padding: .32rem 1rem !important; } /* ── tipografia: Bangers → Syne (alinha com a marca) ── */ .font-pop { font-family: 'Syne', sans-serif !important; letter-spacing: .5px !important; } /* ── miolos claros viram cards escuros ── */ .bg-white { background: #17171b !important; } .bg-stone-50, .bg-stone-100, .bg-gray-50, .bg-gray-100 { background: #101013 !important; } .bg-popYellow { background: linear-gradient(120deg, rgba(255,93,162,.16), rgba(138,92,255,.16)) !important; color: #f0ede6 !important; } .text-black { color: #f0ede6 !important; } .text-gray-500, .text-gray-600, .text-gray-700, .text-gray-800 { color: rgba(240,237,230,.6) !important; } .border-black { border-color: rgba(255,255,255,.12) !important; } .border-4, .border-2 { border-width: 1px !important; border-color: rgba(255,255,255,.12) !important; } [class*="shadow-["] { box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; } [class*="rotate-"] { transform: none !important; } h1, h2, h3 { text-shadow: none !important; } h1.font-pop, .font-pop.text-5xl, .font-pop.text-7xl { background: linear-gradient(100deg,#ffd76b,#ff5da2,#8a5cff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-popPink { color: #ff5da2 !important; } .bg-popPink { background: linear-gradient(100deg,#ff5da2,#8a5cff) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 6px 18px rgba(138,92,255,.35) !important; } /* inputs e formulários (página entrar) */ input, textarea, select { background: #17171b !important; border: 1px solid rgba(255,255,255,.16) !important; color: #f0ede6 !important; border-radius: 10px !important; } input::placeholder, textarea::placeholder { color: rgba(240,237,230,.35) !important; } button[type="submit"] { background: linear-gradient(100deg,#ff5da2,#8a5cff) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 6px 18px rgba(138,92,255,.35) !important; } /* tabela do Stripe: moldura escura elegante em volta do embed */ stripe-pricing-table { display: block; background: #17171b; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; padding: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.4); } /* 🎉 selo da promoção (usado na pricing) */ .mc-promo-selo { display: inline-block; background: linear-gradient(90deg,#ffb3de,#d3b0ff); color: #3a1d4d; border-radius: 999px; padding: .5rem 1.4rem; font: 700 .9rem 'Syne', sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,.35); margin-bottom: 1.4rem; } /* rodapé: já era escuro — só alinha a moldura com a barra de cima */ .mc-footer { border-top: 1px solid rgba(255,255,255,.09) !important; background: #0c0c0f !important; } .mc-footer-badge { background: linear-gradient(100deg,#ff5da2,#8a5cff) !important; border: 0 !important; box-shadow: 0 6px 18px rgba(138,92,255,.35) !important; transform: none !important; font-family: 'Syne', sans-serif !important; font-size: 1.1rem !important; border-radius: 999px !important; }