:root{--color-white:#fff;--bg-button:#fff;--border-button:#000;--font-button:#000;--font-title:#000;--font-subtitle:#000;--separator-color:#9c9c9c}.presents-container{background-color:var(--color-white);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;padding:60px 20px;display:flex;position:relative}.top-line,.bottom-line{background-color:var(--separator-color);width:120px;height:2px}.back-button{letter-spacing:2px;color:var(--font-button);cursor:pointer;background:0 0;font-size:14px;text-decoration:none;transition:opacity .3s;display:inline-block;position:absolute;top:30px;left:30px}.title{color:var(--font-title);font-family:serif;font-size:clamp(40px,6vw,60px);font-weight:400}.subtitle{max-width:520px;color:var(--font-subtitle);font-size:16px;line-height:1.6}.actions{margin-top:5px}.button{border:.8px solid var(--font-button);background:0 0;background-color:var(--font-button);color:var(--color-white);letter-spacing:2px;padding:12px 40px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.button:hover{color:var(--font-button);background:var(--color-white)}.pix-section{flex-direction:column;align-items:center;gap:20px;margin-top:10px;display:flex}.pix-section h2{color:#3b3733;font-family:serif;font-weight:400}.pix-options{gap:20px;margin-top:10px;display:flex}.pix-option{border:.8px solid var(--font-button);background-color:var(--font-button);letter-spacing:2px;cursor:pointer;padding:10px 24px;transition:all .3s}.pix-option:hover,.pix-option.active{color:var(--font-button);background:var(--color-white)}.pix-content{opacity:0;margin-top:25px;transition:all .4s;transform:translateY(10px)}.pix-content.visible{opacity:1;transform:translateY(0)}.pix-box{border:.8px solid var(--font-button);align-items:center;gap:15px;padding:12px 20px;display:flex}.pix-box span{color:#3b3733}.pix-box button{border:.8px solid var(--font-button);background:0 0;background-color:var(--font-button);cursor:pointer;padding:6px 16px;transition:all .3s}.pix-box button:hover{color:var(--font-button);background:var(--color-white)}.qr-code{margin-top:10px}
