/* 14/11 · o formulário no idioma do site (pedido dele: "melhorar o design do form pra casar com o restante do site",
   mantendo a poeira cósmica e a explosão). sai o papel creme torto com clipe e o botão limão; entra um vidro do céu
   com o fio dourado do Vitruviano, campos com fio dourado, o botão-janela da nebulosa da abertura. o frasco e o
   botão do Big Bang continuam, com o dourado no lugar do limão */
.contact-stage .stage-heading h2 em { color: rgba(240, 240, 240, .66); }
.contact-stage .stage-kicker span { background: #e2c486; box-shadow: 0 0 12px rgba(226, 196, 134, .55); }
.contact-stage .stage-end span { color: #e2c486; }

/* 14/11, 2ª volta (pedido dele: "pode ser branco mesmo, na paleta mais clara da Álgebra da Alma"): um papel claro e
   reto, tinta quase preta, grafite nos detalhes, um fio dourado só no número de cada campo e na carga. o botão é o
   marinho do céu do site */
.contact-stage .script-wrap { --paper: #fbf8f1; --paper2: #f3eee2; --ink: #161412; --ink2: #46423b; --graf: #6b675f; --graf2: #9a958b; --gold: #a8854a;
  transform: none; color: var(--ink); border-radius: 6px; padding: 44px 46px 32px; background: var(--paper) !important; background-image: none !important;
  border: 0; box-shadow: 0 40px 100px rgba(2, 6, 16, .55), 0 0 0 1px rgba(255, 255, 255, .5), 0 0 80px rgba(84, 170, 182, .1); }
.contact-stage .script-wrap::after { inset: 12px; border: 1px solid rgba(22, 20, 18, .07); border-radius: 3px; }
.contact-stage .script-clip { display: none; }
.contact-stage .script-meta { color: var(--graf); border-bottom: 1px solid rgba(22, 20, 18, .12); }
.contact-stage .script-wrap h3.script-title { color: var(--ink) !important; font-family: var(--serif, "Fraunces", Georgia, serif); }
.contact-stage .script-wrap h3.script-title em, .contact-stage .cta-done em { color: var(--graf) !important; font-style: italic; }
.contact-stage .ff-lab { color: var(--ink2); }
.contact-stage .script-num { color: var(--gold); }
.contact-stage .ff-opt { color: var(--graf2); }
.contact-stage .ff-in { color: var(--ink); border-bottom: 1px solid rgba(22, 20, 18, .22); caret-color: var(--ink); }
.contact-stage .ff-in::placeholder { color: rgba(22, 20, 18, .28); }
.contact-stage .ff-in:focus-visible { outline: 0; background: rgba(22, 20, 18, .025); border-bottom-color: var(--ink); box-shadow: 0 1px 0 var(--ink); }
.contact-stage .ff-err { color: #c8402a; }
.contact-stage .ff.is-bad .ff-in { border-color: #c8402a; }
.contact-stage .ff.is-complete .ff-lab::after { color: var(--gold); }
.contact-stage .ff.is-complete .ff-in { border-color: rgba(22, 20, 18, .5); }
.contact-stage .script-energy-label { color: var(--graf); }
.contact-stage .script-meter { height: 3px; background: rgba(22, 20, 18, .08); }
.contact-stage .script-meter i { background: linear-gradient(90deg, #8f6d36, #c9a463); box-shadow: none; }
.contact-stage .script-energy > p { color: var(--graf); }
.contact-stage .cta-note { color: var(--graf2); }
.contact-stage .ff-fail { color: #c8402a; }
.contact-stage .ff-fail a, .contact-stage .cta-note a { color: var(--ink); }
.contact-stage .cta-done-h, .contact-stage .cta-done-p { color: var(--ink); }
.contact-stage .cta-done-p em { color: var(--gold); }

/* o botão: o marinho do céu, com o dourado na seta */
.contact-stage button.btn-big[type="submit"], .contact-stage .script-mail {
  color: #f6f1e6 !important; font: 500 15px var(--ui, inherit); letter-spacing: .01em; border-radius: 4px;
  border: 1px solid #14284a !important;
  background: linear-gradient(180deg, #1d3a60, #132a4b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset, 0 12px 26px rgba(20, 40, 74, .28) !important;
  transition: background .3s, box-shadow .3s, transform .3s; }
.contact-stage button.btn-big[type="submit"] > span { color: #e2c486; }
.contact-stage button.btn-big[type="submit"]:hover, .contact-stage .script-mail:hover {
  transform: translateY(-2px); background: linear-gradient(180deg, #23466f, #173258) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .14) inset, 0 16px 32px rgba(20, 40, 74, .34) !important; }
.contact-stage .script-back { color: var(--graf); }

/* o frasco e o botão do Big Bang: dourado no lugar do limão */
.stage-reactor .reactor-label { color: rgba(226, 204, 160, .7); }
.stage-reactor .reactor-value { color: #e2c486; }
.stage-reactor .reactor-cable { background: #1a2436; border-left-color: #3a4560; border-right-color: #0b1220; box-shadow: none; }
.stage-reactor .is-armed .reactor-cable { background: #e2c486; box-shadow: 0 0 12px rgba(226, 196, 134, .7); }
.stage-reactor #bang-tube { box-shadow: 0 0 0 1px rgba(0, 0, 0, .45), inset 0 0 16px rgba(0, 0, 0, .5), 0 0 calc(10px + var(--fill, 0) * 46px) rgba(243, 214, 150, calc(.06 + var(--fill, 0) * .42)); }
.stage-reactor.is-pouring #bang-tube { box-shadow: 0 0 0 1px rgba(0, 0, 0, .45), inset 0 0 16px rgba(0, 0, 0, .4), 0 0 calc(24px + var(--fill, 0) * 46px) rgba(243, 214, 150, calc(.32 + var(--fill, 0) * .3)); }
.stage-reactor #bang-btn { background: rgba(14, 27, 48, .85); color: #f3ecdc; border: 1px solid rgba(226, 196, 134, .45); box-shadow: 0 10px 22px rgba(2, 6, 16, .5); }
.stage-reactor #bang-btn.is-armed { background: linear-gradient(180deg, #f1dcab, #d4b06c); color: #14284a; border-color: #f3dfb0; box-shadow: 0 0 30px rgba(243, 214, 150, .45), 0 10px 22px rgba(2, 6, 16, .5); }
.stage-ignition path { stroke: #f3dfb0; filter: drop-shadow(0 0 7px rgba(243, 214, 150, .9)); }
.is-igniting .script-wrap { box-shadow: 0 0 80px rgba(243, 214, 150, .4), 0 40px 100px rgba(2, 6, 16, .55) !important; }
@media (max-width: 760px) {
  .contact-stage .script-wrap { padding: 30px 24px 24px; }
}

/* o fim do Big Bang na paleta do começo: fundo marinho (o céu entra pelo bigbang.js) e o botão-janela da nebulosa */
#bang-stage { background: #14284a; }
#bang-ui .bang-title { text-shadow: 0 2px 6px rgba(3, 6, 16, .8), 0 0 28px rgba(3, 6, 16, .9); }
#bang-ui .bang-restore { color: #f3ecdc !important; font: 500 14px var(--ui, inherit); letter-spacing: .01em; border-radius: 4px !important; padding: 13px 20px !important;
  border: 1px solid rgba(222, 190, 132, .6) !important;
  background: linear-gradient(180deg, rgba(255, 244, 220, .07), rgba(6, 12, 28, .25)), url(assets/hero/sky-1280.webp) 74% 49% / 520% auto no-repeat, #17304f !important;
  box-shadow: 0 0 0 1px rgba(222, 190, 132, .07) inset, 0 0 26px rgba(84, 170, 182, .18), 0 14px 30px rgba(3, 7, 18, .45) !important; }
#bang-ui .bang-restore:hover { border-color: rgba(236, 206, 150, .95) !important; transform: translateY(-2px); }
#bang-ui .bang-drag { color: rgba(226, 204, 160, .7); }
/* a chuva de código passa por trás do papel, nunca por cima */
.contact-stage { z-index: 1; }