.background-gifts{position:relative;min-height:100dvh}html,body{height:100%;overflow:hidden;margin:0}.scroll-container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.background-gifts:before{content:"";position:fixed;inset:0;background-image:url(/assets/background-gifts-BpScAO8k.png);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-1}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,40px);padding:clamp(20px,5vw,60px)}.card-presente{width:min(300px,100%);padding:25px;border-radius:30px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,3vw,40px);box-shadow:0 10px 30px #0000001a}.card-imagem{width:100%;height:170px;border-radius:20px;overflow:hidden}.card-imagem img{width:100%;height:100%;object-fit:cover}.card-presente h3{font-family:Cormorant Garamond,serif;font-size:20px;color:#000;text-transform:uppercase}.valor{font-size:25px;font-weight:700;color:#000}.card-presente button{background:transparent;border:2px solid #bdbdbd;color:#555;padding:clamp(10px,1vw,14px) clamp(18px,2vw,28px);font-size:clamp(12px,1vw,14px);border-radius:999px;cursor:pointer;text-transform:uppercase;transition:.3s;font-family:Cormorant Garamond,serif}.card-presente button:hover{transform:scale(1.05)}.modal{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;z-index:3000;padding:20px;overflow-y:auto}.modal-conteudo-presente{border-radius:30px;width:min(900px,95vw);padding:40px;display:flex;gap:clamp(20px,3vw,40px);position:relative;background-color:#fff;flex-wrap:wrap;max-height:90vh;overflow-y:auto}.modal-imagem{width:50%;flex:1 1 320px}.modal-imagem img{width:100%;border-radius:20px}.modal-info{width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;flex:1 1 320px}.texto-valor{font-size:20px;color:#555;font-weight:700;font-family:Cormorant Garamond,serif}#modal-titulo{font-family:Cormorant Garamond,serif;text-transform:uppercase;font-size:20px;letter-spacing:2px;color:#000}.fechar{position:absolute;top:20px;right:20px;border:none;background:none;font-size:24px;cursor:pointer;color:#000}.pagamento{background:transparent;border:2px solid #bdbdbd;color:#555;padding:14px 28px;border-radius:999px;cursor:pointer;font-size:14px;text-transform:uppercase;transition:.3s;font-family:Cormorant Garamond,serif}.icones-pagamento{display:flex;gap:10px;align-items:center;justify-content:center}.icones-pagamento img{width:clamp(22px,2vw,28px);height:auto;opacity:.8;filter:grayscale(100%)}.modal-conteudo-pagamento{position:relative;width:min(92vw,520px);max-height:90vh;padding:clamp(20px,3vw,35px);display:flex;flex-direction:column;align-items:center;gap:20px;background:#fff;border-radius:30px;box-shadow:0 15px 40px #0000002e;overflow-y:auto;box-sizing:border-box}.modal-conteudo-pagamento h2{font-family:Cormorant Garamond,serif;text-transform:uppercase;letter-spacing:2px;font-size:20px;color:#000}#pagamento-presente{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#000}#pagamento-valor{font-size:30px;font-weight:700;color:#000;font-family:Cormorant Garamond,serif}.qr-code{width:min(240px,60vw);aspect-ratio:1;height:auto;padding:15px;background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014}.qr-code img{width:100%;height:100%;object-fit:contain}.texto-pix{text-align:center;line-height:1.6;color:#666;font-size:15px}.pix-copia{width:100%;display:flex;flex-direction:column;gap:12px}#codigo-pix{width:100%;min-height:90px;max-height:120px;padding:18px;border-radius:20px;border:none;background:#f8f8f8;font-family:monospace;line-height:1.7;color:#444}.pix-copia label{width:100%;text-align:center;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;color:#555;margin-bottom:5px}#btnCopiarPix{width:100%}.status-pagamento{text-align:center;width:100%;margin-top:10px;font-family:Cormorant Garamond,serif;font-size:20px;color:#666;letter-spacing:.5px}.linha{width:100%;height:1px;background:#ececec}.modal-conteudo-pagamento{animation:modalPagamento .35s ease}@keyframes modalPagamento{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:#fff;padding:14px 24px;border:1px solid #fff;box-shadow:0 8px 25px #0000001f;border-radius:999px;font-family:Cormorant Garamond,serif;font-size:18px;opacity:0;pointer-events:none;transition:.35s;z-index:9999}.toast.mostrar{opacity:1;transform:translate(-50%) translateY(0)}#conteudo-pagamento{display:flex;flex-direction:column;align-items:center;width:100%;gap:22px}#pagamento-confirmado{display:none}.pagamento-confirmado{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px;padding:50px 30px}.pagamento-confirmado p{font-family:Cormorant Garamond,serif;font-size:22px;line-height:1.7;color:#555}.icone-confirmado{font-size:80px}.assinatura{margin-top:15px;font-family:Great Vibes,cursive;font-size:42px;color:#000}@keyframes aparecer{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pagamento-confirmado{animation:aparecer .5s ease}#selecao-pagamento{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.titulo-forma-pagamento{margin:4px 0 20px;font-family:Cormorant Garamond,serif;font-size:20px;color:#555;text-align:center}.opcoes-pagamento{width:100%;display:flex;justify-content:center;gap:15px}.opcao-pagamento{flex:1;min-height:125px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #d8d8d8;border-radius:20px;background:#fff;color:#555;cursor:pointer;font-family:Cormorant Garamond,serif;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.opcao-pagamento:hover{transform:translateY(-3px);border-color:#bdbdbd;box-shadow:0 8px 25px #00000014}.opcao-pagamento:active{transform:translateY(0)}.opcao-pagamento>img{width:42px;height:42px;object-fit:contain}.icones-cartao{min-height:42px;display:flex;align-items:center;justify-content:center;gap:5px}.icones-cartao img{width:38px;height:28px;object-fit:contain}.opcao-pagamento span{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;color:#444}.opcao-pagamento small{font-family:Cormorant Garamond,serif;font-size:14px;color:#777}.voltar-forma-pagamento{display:block;margin:0 auto 15px;text-align:center;font-family:Cormorant Garamond,serif;font-size:16px;background:none;border:none;color:#666;cursor:pointer}.voltar-forma-pagamento:hover{color:#000;transform:translate(-2px)}#conteudo-cartao{width:100%;display:flex;flex-direction:column;align-items:center}.cabecalho-cartao{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:8px}.cabecalho-cartao h3{margin:0 0 5px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:#444}.cabecalho-cartao p{margin:0;font-family:Cormorant Garamond,serif;font-size:16px;color:#777}#form-cartao{width:100%;display:flex;flex-direction:column;gap:15px}.campo-cartao{width:100%;display:flex;flex-direction:column;gap:7px}.campo-cartao label{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;color:#555}.campo-mercadopago{width:100%;height:48px;min-height:48px;box-sizing:border-box;display:flex;align-items:center;border:1px solid #d8d8d8;border-radius:15px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.campo-mercadopago iframe{width:100%!important;height:100%!important;min-height:46px!important;border:0!important;display:block}.campo-cartao input,.campo-cartao select{width:100%;height:48px;min-height:48px;box-sizing:border-box;padding:12px 15px;border:1px solid #d8d8d8;border-radius:15px;background:#fff;color:#333;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.campo-cartao input::placeholder{color:#aaa;opacity:1}.campo-cartao input:focus,.campo-cartao select:focus,.campo-mercadopago:focus-within{border-color:#aaa;box-shadow:0 0 0 2px #0000000a}.linha-cartao{width:100%;display:flex;gap:15px}.linha-cartao .campo-cartao{flex:1;min-width:0}.campo-cartao select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#777 50%),linear-gradient(135deg,#777 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px}#btnPagarCartao{width:100%;margin-top:5px}.campo-mercadopago-oculto{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.resultado-pagamento,.resultado-conteudo{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.icone-resultado{font-size:52px;line-height:1;margin-bottom:12px}.resultado-conteudo h2{margin:0 0 12px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600;color:#444}.resultado-conteudo p{margin:4px 0;font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.4;color:#666}.resultado-conteudo .assinatura{margin-top:12px;font-family:Dancing Script,cursive;font-size:24px;color:#555}.resultado-conteudo .pagamento{width:100%;margin-top:20px}.botao-secundario{width:100%;margin-top:10px;padding:12px 20px;border:1px solid #d8d8d8;border-radius:15px;background:transparent;color:#666}@media(max-width:768px){.background-gifts:before{background-position:center center;background-size:cover}.cards-container{padding:clamp(20px,6vw,30px);gap:clamp(20px,6vw,28px)}.card-presente{width:min(320px,100%);padding:clamp(18px,5vw,24px);border-radius:clamp(20px,5vw,30px);gap:clamp(14px,4vw,22px)}.card-imagem{height:clamp(170px,50vw,220px)}.card-presente h3{font-size:clamp(20px,6vw,24px)}.valor{font-size:clamp(22px,7vw,28px)}.card-presente button{width:100%;padding:clamp(12px,4vw,16px) clamp(18px,5vw,24px);font-size:clamp(14px,4vw,16px)}.modal-conteudo-presente{width:min(94vw,420px);padding:clamp(20px,5vw,28px);flex-direction:column;gap:clamp(20px,5vw,28px);border-radius:clamp(20px,5vw,30px)}.modal-imagem,.modal-info{width:100%;flex:none}.modal-info{gap:clamp(16px,4vw,22px)}#modal-titulo{font-size:clamp(22px,6vw,28px);letter-spacing:1px}.texto-valor{font-size:clamp(18px,5vw,22px);line-height:1.4}.pagamento{width:100%;padding:clamp(12px,4vw,16px) clamp(18px,5vw,24px);font-size:clamp(14px,4vw,16px)}.icones-pagamento{gap:clamp(8px,3vw,14px)}.icones-pagamento img{width:clamp(22px,7vw,30px)}.fechar{top:clamp(12px,3vw,20px);right:clamp(12px,3vw,20px);font-size:clamp(24px,7vw,30px)}.modal-conteudo-pagamento{width:92vw;max-height:88vh;padding:22px 18px;gap:16px;border-radius:24px}.modal-conteudo-pagamento h2{font-size:17px;letter-spacing:1.5px;text-align:center}#pagamento-presente{font-size:22px;text-align:center;line-height:1.2}#pagamento-valor{font-size:27px}.titulo-forma-pagamento{font-size:19px;margin:2px 0 20px}.opcoes-pagamento{flex-direction:column;gap:12px}.opcao-pagamento{width:100%;min-height:105px;padding:14px;box-sizing:border-box;border-radius:18px}.opcao-pagamento>img{width:38px;height:38px}.icones-cartao{min-height:38px}.icones-cartao img{width:34px;height:25px}.opcao-pagamento span{font-size:17px}.opcao-pagamento small{font-size:13px}.voltar-forma-pagamento{font-size:15px}.cartao-em-breve{padding:20px 5px}.icone-cartao{font-size:40px}.cartao-em-breve h3{font-size:21px}.cartao-em-breve p{font-size:16px}.qr-code{width:min(210px,58vw);padding:10px;border-radius:16px}.texto-pix{font-size:14px;line-height:1.5;max-width:300px}.pix-copia{gap:8px}.pix-copia label{font-size:17px;margin-bottom:2px}#codigo-pix{min-height:80px;max-height:100px;padding:12px;font-size:12px;line-height:1.5;border-radius:15px}#btnCopiarPix{width:100%}.status-pagamento{font-size:18px;line-height:1.4;margin-top:5px}.linha{margin:2px 0}.toast{width:calc(100vw - 40px);max-width:340px;bottom:20px;padding:12px 18px;font-size:16px;text-align:center;box-sizing:border-box}#conteudo-pagamento{gap:16px}.pagamento-confirmado{gap:18px;padding:30px 15px}.pagamento-confirmado p{font-size:19px;line-height:1.5}.icone-confirmado{font-size:65px}.assinatura{margin-top:5px;font-size:36px}#conteudo-cartao{width:100%}#form-cartao{width:100%;gap:13px}.campo-cartao{width:100%;gap:6px}.campo-cartao label{font-size:15px}.campo-mercadopago{width:100%;height:46px;min-height:46px;border-radius:13px}.campo-mercadopago iframe{width:100%!important;height:100%!important;min-height:44px!important}.campo-cartao input,.campo-cartao select{height:46px;min-height:46px;padding:11px 13px;border-radius:13px;font-size:15px}.linha-cartao{gap:10px}#btnPagarCartao{margin-top:4px}.icone-resultado{font-size:48px;margin-bottom:10px}.resultado-conteudo h2{font-size:25px}.resultado-conteudo p{font-size:16px}.resultado-conteudo .assinatura{font-size:22px}}@media(max-width:400px){.modal-conteudo-pagamento{width:94vw;padding:18px 14px;gap:13px;border-radius:20px}.modal-conteudo-pagamento h2{font-size:16px}#pagamento-presente{font-size:20px}#pagamento-valor{font-size:25px}.titulo-forma-pagamento{font-size:18px}.opcao-pagamento{min-height:100px;padding:12px}.opcao-pagamento span{font-size:16px}.opcao-pagamento small{font-size:12px}.qr-code{width:175px;padding:8px;border-radius:14px}.texto-pix{font-size:13px}#codigo-pix{min-height:75px;font-size:11px;padding:10px}.status-pagamento{font-size:17px}.pagamento-confirmado p{font-size:18px}.icone-confirmado{font-size:58px}.assinatura{font-size:33px}#form-cartao{gap:12px}.campo-cartao{gap:5px}.campo-cartao label{font-size:14px}.campo-mercadopago{height:44px;min-height:44px;border-radius:12px}.campo-mercadopago iframe{min-height:42px!important}.campo-cartao input,.campo-cartao select{height:44px;min-height:44px;padding:10px 12px;border-radius:12px;font-size:14px}.linha-cartao{gap:8px}.icone-resultado{font-size:44px}.resultado-conteudo h2{font-size:23px}.resultado-conteudo p{font-size:15px}.resultado-conteudo .assinatura{font-size:21px}}
