.tq-canje { max-width: 420px; margin: 0 auto; padding: 40px 16px 80px; font-family: "Roboto Flex", sans-serif; }
.tq-canje h1 { font-family: "Source Serif Pro", serif; font-size: 24px; color: var(--wp--preset--color--foreground, #0b0449); text-align: center; margin-bottom: 24px; }
.tq-canje-field { margin-bottom: 14px; }
.tq-canje-field label { display: block; font-size: 13px; font-weight: 700; color: #55535f; margin-bottom: 6px; }
.tq-canje-field input {
  width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 10px; border: 1.5px solid #ddd;
  font-size: 16px; font-family: "Roboto Flex", sans-serif;
}
.tq-canje-field input.tq-canje-codigo { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
.tq-canje-btn {
  width: 100%; margin-top: 8px; padding: 14px; border-radius: 999px; border: none;
  background: var(--wp--preset--color--primary, #070f79); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer;
}
.tq-canje-btn:disabled { opacity: .6; }
.tq-canje-result { margin-top: 20px; padding: 16px; border-radius: 12px; font-size: 14px; line-height: 1.6; display: none; }
.tq-canje-result.is-ok { display: block; background: #e8f5e9; color: #1b5e20; border: 1px solid #a5d6a7; }
.tq-canje-result.is-error { display: block; background: #fbeae6; color: #b54b3c; border: 1px solid #f0c9c0; }