/* Cupom compartilhado pela seção da LP e pela página avulsa. */
.coupon-page{min-height:100vh;display:flex;flex-direction:column;background:var(--pink)}
.coupon-main{flex:1;display:grid;place-items:center;padding:64px 28px}
.coupon-card{width:100%;max-width:720px;padding:52px 56px;background:var(--white);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);text-align:center}
.coupon-card h1,.coupon-card h2{font-size:clamp(30px,3.2vw,44px);max-width:560px;margin:0 auto 28px}
.coupon-code{display:block;background:var(--yellow);border:2px dashed var(--ink);border-radius:16px;padding:22px 10px;font-size:clamp(18px,3.4vw,32px);line-height:1.3;font-weight:700;letter-spacing:.035em;user-select:all;-webkit-user-select:all;margin-bottom:26px}
.coupon-instructions{max-width:540px;margin:0 auto 26px;font-size:18px;line-height:1.6}
.coupon-card .button{min-width:220px}
.coupon-card .button[hidden]{display:none}
.coupon-status{min-height:1.6em;font-size:14px;line-height:1.6;margin:12px 0 20px}
.coupon-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:15px;font-weight:700;text-underline-offset:4px}
@media(max-width:700px){.coupon-main{padding:32px 20px}.coupon-card{padding:32px 20px}.coupon-card h1,.coupon-card h2{font-size:30px}.coupon-code{padding:20px 8px;font-size:clamp(18px,4.9vw,24px);letter-spacing:.01em}.coupon-instructions{font-size:16px}.coupon-card .button{width:100%;min-width:0}}

/* A seção herda o fundo da LP e centraliza o mesmo conteúdo do cupom. */
#cadastro .coupon-card{margin-inline:auto}
#cadastro .coupon-code{font-size:clamp(18px,3.4vw,32px)}
#cadastro .coupon-instructions{font-size:18px}
#cadastro .coupon-status{font-size:14px}
@media(max-width:700px){#cadastro .coupon-code{font-size:clamp(18px,4.9vw,24px)}#cadastro .coupon-instructions{font-size:16px}}

/* O resultado só ocupa o lugar do formulário após o clique no CTA. */
#cadastro [hidden]{display:none!important}

/* Aviso e retorno do cadastro dentro do formulário. */
#coupon-form .coupon-consent-notice{font-size:12px;line-height:1.5;margin:0 0 16px}
#coupon-form .coupon-submit-status{font-size:14px;line-height:1.5;margin:0;min-height:1.5em}
#coupon-form .coupon-submit-status:empty{display:none}
