/* Formulário da parceria e o pop-up. Usa os tokens da página base. */

/* cartão: separa o formulário do fundo escuro, para ele saltar na página */
.form-parceria{display:grid;gap:16px;margin-top:26px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);
  border-radius:18px;padding:26px 22px 24px;text-align:left}
.form-parceria .campo{text-align:left}
.form-parceria label{display:block;font-size:.85rem;font-weight:600;color:#e8e8ea;
  letter-spacing:.01em;margin-bottom:7px}
.form-parceria input{width:100%;padding:16px 18px;border-radius:12px;
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;
  font:inherit;font-size:1.05rem;text-align:left}
.form-parceria input:focus{outline:2px solid var(--laranja);outline-offset:1px;
  border-color:transparent;background:rgba(255,255,255,.14)}
.form-parceria input::placeholder{color:rgba(255,255,255,.55)}
.form-parceria .aviso{min-height:1.2em;color:#ff8f7a;font-size:.88rem;font-weight:600;margin:0}
.form-parceria button{margin-top:2px}
.form-parceria button[disabled]{opacity:.6;cursor:progress}
.form-rodape{text-align:center}

/* pop-up */
.modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(4,6,12,.84);backdrop-filter:blur(3px)}
.modal.aberto{display:flex}
.modal-caixa{position:relative;width:100%;max-width:460px;max-height:92vh;overflow:auto;
  background:#11141d;border:1px solid rgba(255,255,255,.12);border-radius:18px;
  padding:30px 24px 24px;text-align:center}
.modal-caixa h3{font-size:1.4rem;line-height:1.25;margin:0 0 6px}
.modal-caixa p.sub-modal{color:var(--muted);font-size:.95rem;margin:0}
.modal-caixa .form-parceria{background:none;border:0;padding:0;margin-top:20px;text-align:left}
.modal-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;
  background:rgba(255,255,255,.08);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.modal-x:hover{background:rgba(255,255,255,.16)}

/* rodapé legal, igual nas duas páginas */
.rodape-legal{text-align:center;padding:40px 20px 52px;margin-top:40px}
.rodape-legal .links{margin:0 auto 18px;text-align:center;font-size:.84rem;letter-spacing:.04em;max-width:none}
.rodape-legal .links a{color:#e8e8ea;text-decoration:none}
.rodape-legal .links a:hover{color:var(--laranja)}
.rodape-legal .selo-garantia{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;
  color:var(--muted);font-size:.9rem}
.rodape-legal h5{margin:0 0 6px;font-size:.85rem;color:#e8e8ea}
.rodape-legal p{margin:0 auto;max-width:640px;color:var(--muted);font-size:.82rem;line-height:1.65}
.rodape-legal .copy{margin-top:16px;font-size:.78rem}

@media (max-width:520px){.modal{padding:12px}.modal-caixa{padding:26px 18px 20px}
  .form-parceria{padding:22px 16px 20px}}

/* logo do rodapé, que antes vivia no footer antigo */
.rodape-legal .logo-rodape{display:block;height:28px;width:auto;margin:0 auto 22px;opacity:.85}

/* CTA com degrade mais aberto, do laranja claro ao queimado (pedido em 26/09) */
.cta{background:linear-gradient(135deg,#FFA24A 0%,#FF7A18 42%,#F04A00 100%)!important}
.cta:hover{background:linear-gradient(135deg,#FFB061 0%,#FF8A2E 42%,#FF5A0A 100%)!important}