*{font-family:Nunito,sans-serif}body{margin:0;padding:0;font-family:Nunito,sans-serif}.container-Home{max-width:800px;min-width:280px;margin:20px auto;padding:20px;background:#fdfdfd;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:.3s ease}.container-Home:hover{transform:translateY(-2px)}.titulo-home{font-size:40px;font-weight:700;font-family:Nunito,sans-serif;margin-top:6%;text-align:center;margin-bottom:20px;color:#515151}.Titulo{font-size:40px;font-weight:700;font-family:Nunito,sans-serif;margin-top:5%;text-align:center;margin-bottom:20px;color:#515151}.sub-titulo{font-size:18px;font-weight:600;margin-bottom:15px;color:#555;border-left:4px solid #1D4F90;padding-left:8px}.lista-cartoes ul{list-style:none;padding:0;min-width:250px;margin:0;cursor:pointer}.mensagem-vazia{text-align:center;color:#7f8c8d}.mensagem-vazia p{font-size:18px;font-weight:600;margin:0 0 8px;color:#95a5a6}.mensagem-vazia span{font-size:16px;color:#1d4f90;font-style:italic}.item-cartao{background:#fff;padding:12px 16px;margin-bottom:10px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid #e0e0e0;transition:.3s ease}.item-cartao:hover{background:#f5faff;border-color:#1d4f90;transform:translate(4px)}.numero{flex:1;font-size:16px;font-weight:500;color:#333}.acoes{display:flex;gap:10px}.acoes svg{transition:transform .2s ease,color .2s ease}.acoes svg:hover{transform:scale(1.2);color:#1d4f90}@media(max-width:505px){.container-Home{padding:15px;max-width:255px;margin-bottom:2%}.titulo-home{font-size:35px;margin-top:22%!important;margin-bottom:5%}.Titulo{font-size:35px;margin-top:11%!important;margin-bottom:5%}.sub-titulo{font-size:16px}.numero{font-size:14px}}@media(max-width:790px){.container-Home{padding:15px;max-width:500px;margin-bottom:2%}.titulo-home{font-size:35px;margin-top:10%}}.Titulo{font-size:40px}.sub-titulo{font-size:16px}.numero{font-size:14px}@media(max-width:380px){.Titulo{font-size:30px;margin-top:10%!important;margin-bottom:5%}}.logo-incluir{width:150px;height:80px;object-fit:contain;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.logo-incluir:hover{transform:translateY(-50%) scale(1.1)}.header-container{display:flex;align-items:center;justify-content:center;margin-top:50px;position:relative}@media(max-width:630px){.logo-incluir{width:120px!important;height:100px!important;right:10px}}@media(max-width:420px){.logo-incluir{width:120px!important;height:90px!important;ALIGN-ITEMS:center;JUSTIFY-CONTENT:center;MARGIN-TOP:10%;JUSTIFY-SELF:anchor-center}}#adicionar{margin-bottom:10px}#adicionar button{background-color:#1d4f90;color:#fff;border:none;padding:10px 16px;border-radius:10px;margin-left:3%;font-size:14px;font-weight:600;cursor:pointer;transition:.3s ease}#adicionar button:hover{background:#1d4f90;transform:scale(1.05)}.progress-container{position:relative;width:80%;max-width:200px;margin:-10px auto;font-family:Arial,sans-serif;text-align:center;height:25px}.progress-line{position:absolute;top:80px;WIDTH:240PX;right:-7.5%;height:6px;background:gold;z-index:1}.stop{position:absolute;top:50px;transform:translate(-50%);width:10px;height:30px;background:#c2c2c1;z-index:2}.stop.active{background:#1d4f90;border-color:gold}.bus{position:absolute;top:48px;font-size:25px;transition:left .9s ease}.btn-next{margin-top:150px;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.btn-next:hover{background:#1976d2}@media(max-width:768px){.progress-container{width:90%;max-width:180px}.progress-line{width:200px;right:-5%;top:65px;height:5px}.stop{top:40px;width:8px;height:25px}.bus{top:38px;font-size:20px}.btn-next{margin-top:120px;padding:8px 16px;font-size:14px}}@media(max-width:505px){.progress-container{width:95%;max-width:160px;margin:0 auto}.progress-line{width:180px;top:56px;height:4px}.stop{top:35px;width:7px;height:20px}.bus{top:33px;font-size:18px}.btn-next{margin-top:100px;padding:6px 12px;font-size:12px}}@media(max-width:380px){.progress-container{width:100%;max-width:140px;margin:5px auto}.progress-line{width:160px;top:48px;height:3px}.stop{top:30px;width:6px;height:18px}.bus{top:28px;font-size:16px}.btn-next{margin-top:80px;padding:5px 10px;font-size:11px}}@media(max-width:320px){.progress-container{max-width:120px}.progress-line{width:140px;top:40px}.stop{top:25px;width:5px;height:15px}.bus{top:23px;font-size:14px}.btn-next{margin-top:70px;padding:4px 8px;font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#e7e7e7}.tipo-valor{background-color:#fff;border-radius:16px;padding:20px;margin-left:5%;margin-bottom:2%;max-width:700px;min-width:250px;width:100%;box-shadow:0 6px 15px #0000001a}.titulo-pop-up{font-size:1.2rem;font-weight:600;color:#515151;margin-bottom:10px;text-align:center}.tipo label{display:block;margin-bottom:6px;font-weight:500;color:#555}.tipo select{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;background:#fff;cursor:not-allowed;opacity:.8}.valor{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.valor-btn{padding:12px;font-size:1rem;border:none;border-radius:10px;background:#515151;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:600}.valor-btn:hover{background:#1d4f90;transform:scale(1.05);box-shadow:0 4px 12px #2c3e504d}.flex-box{display:flex;justify-content:center;margin-top:-10px}.flex-box3{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.flex-box3 input{flex:1;max-width:300px;padding:12px;font-size:1rem;border-radius:10px;margin-top:-3%;border:1px solid #ccc;outline:none;transition:all .3s ease}.flex-box3 input:focus{border-color:#1d4f90;box-shadow:0 0 6px #e68c3d66}.cartao-selecionado{width:320px;height:200px;border-radius:16px;background-color:#2c3e50;color:#fff;padding:20px;box-shadow:0 6px 20px #0000004d;display:flex;flex-direction:column;justify-content:space-between;font-family:Poppins,sans-serif;position:relative}.cartao-selecionado.estudante{background-color:#88c8ba}.cartao-selecionado.professor{background-color:#a9ba8b}.cartao-selecionado.padrao{background-color:#a6a7aa}.cartao-numero{font-size:1.2rem;letter-spacing:6px;text-align:center;font-weight:500;margin-top:2%;margin-bottom:5%;word-spacing:8px}.cartao-nome{font-size:.9rem;text-transform:uppercase;margin-top:40px;margin-bottom:10px}.valor-taxa-info{margin-top:35%;padding:15px;background:#ffffff1a;border-radius:10px;border:1px solid #333;display:block!important;grid-column:unset!important;grid-row:unset!important}.valor-info,.taxa-info,.total-info{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px;flex-direction:row!important}.total-info{margin-bottom:0;BACKGROUND-COLOR:#fff;padding:8px 10PX 10PX;border-top:1px solid rgba(255,255,255,.2);font-weight:600}.valor-taxa-info .label{font-size:.85rem;color:#2c3e50;display:inline-block;flex:1}.valor-taxa-info .valor,.valor-taxa-info .taxa{font-size:.9rem;color:#333;font-weight:500;padding:5PX;MARGIN-TOP:-1%;display:inline-block;text-align:right;flex:1}.valor-taxa-info .total{font-size:1rem;color:#4caf50;font-weight:700;display:inline-block;text-align:right;flex:1}@media(max-width:900px){.Titulo{font-size:30px}.sub-titulo{font-size:16px}.flex-box{display:block;margin-top:10px}.cartao-selecionado{margin-bottom:24%;justify-self:anchor-center}.tipo-valor{max-width:600px;justify-self:anchor-center}}@media(max-width:650px){.Titulo{font-size:35px;margin-top:5%!important;margin-bottom:6%!important}.sub-titulo{font-size:16px}.flex-box{display:block;margin-top:10px}.cartao-selecionado{margin-bottom:35%;justify-self:anchor-center}.tipo-valor{max-width:500px;justify-self:anchor-center;margin-bottom:3%;margin-left:-.5%}}@media(max-width:500px){.flex-box{display:block;margin-top:5%}.cartao-selecionado{margin-bottom:43%;justify-self:anchor-center}.tipo-valor{max-width:300px;justify-self:anchor-center;height:108vh;margin-left:0!important}.flex-box3{display:block;JUSTIFY-SELF:anchor-center}.flex-box3 input{MARGIN-BOTTOM:5%;margin-top:3%}.flex-box3 #adicionar button{margin-top:2%;float:right}}@media(max-width:357px){.cartao-selecionado{max-width:280px;margin-bottom:59%;min-width:250px;justify-self:anchor-center}}.dados-cartao{display:flex;flex-direction:column;gap:20px;margin:20px auto}.dados-cartao label{display:flex;flex-direction:column;font-weight:600;color:#393a3a;font-size:.95rem}.dados-cartao .hint{font-weight:400;font-size:.8rem;color:#7f8c8d;margin-top:2%;margin-left:2%;display:contents}.dados-cartao input{margin-top:6px;padding:10px 12px;border:1px solid #ccc;border-radius:10px;font-size:1rem;transition:all .3s ease}.dados-cartao input:focus{border-color:#2c3e50;box-shadow:0 0 6px #2c3e5066;outline:none}.apelido-container,.numero-cartao-container{position:relative;display:flex;flex-direction:column}.contador-caracteres{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#7f8c8d;background-color:#fff;padding:2px 6px;border-radius:4px;pointer-events:none}.critico{color:#e74c3c;font-weight:600;font-size:.9rem}.botoes{display:flex;justify-content:end;gap:30px;margin-right:3%}.checkbox{display:block;gap:20px;margin-top:15px;margin-bottom:2px}.checkbox-option{position:relative;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:2%;margin-top:3%;color:#333;display:flex;align-items:center;gap:8px;transition:color .3s ease}.checkbox-option input{appearance:none;width:18px;height:18px;border:2px solid #2c3e50;border-radius:4px;outline:none;cursor:pointer;transition:all .3s ease}.checkbox-option input:checked{background-color:#2c3e50;box-shadow:0 0 6px #163e7780;position:relative}.checkbox-option input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:gold;font-size:12px;font-weight:700}.checkbox-option span{-webkit-user-select:none;user-select:none;transition:color .3s ease}.checkbox-option input:checked+span{color:#2c3e50;font-weight:600}.flex-box2{display:inline}.botoes{margin-right:9%!important}.critico{color:red;font-size:.8rem;font-weight:600;margin-left:2%;display:contents}.container-pagamento{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.header-pagamento{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:15px 20px;border-radius:12px;border:1px solid #e9ecef;margin-bottom:20px;flex-wrap:wrap;gap:15px}.detalhamento-valores{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000001a}.valor-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f4}.valor-item:last-child{border-bottom:none}.total-item{border-top:2px solid #28a745;margin-top:10px;padding-top:15px;font-weight:600}.valor-label{font-size:.95rem;color:#495057;font-weight:500}.valor-valor{font-size:.95rem;color:#212529;font-weight:500}.total-valor{font-size:1.1rem;color:#28a745;font-weight:700}.cartao-compacto{display:flex;align-items:center;gap:35px;flex:1;min-width:200px}.cartao-info-compacto{display:flex;flex-direction:column;gap:4px}.apelido-compacto{font-weight:700;font-size:1rem;color:#212529}.numero-compacto{font-family:monospace;color:#6c757d;font-size:.85rem}.tipo-compacto{font-size:.8rem;color:#6c757d}.valor-compacto{font-size:1.3rem;font-weight:700;color:#28a745;white-space:nowrap}.timer-compacto{display:flex;align-items:center;gap:8px;background:#fff3cd;padding:8px 15px;border-radius:20px;border:2px solid #ffc107;white-space:nowrap}.timer-label-compacto{font-size:1.1rem}.timer-value-compacto{font-size:1.1rem;font-weight:700;color:#856404;font-family:monospace}.timer-value-compacto.urgente{color:#dc3545;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.opcoes-pagamento{margin-bottom:30px}.botoes-pagamento{display:flex;gap:10px;justify-content:center}.btn-pagamento{padding:12px 24px;border:2px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.btn-pagamento:hover{border-color:#1d4f90;background:#f8f9fa}.btn-pagamento.ativo{background:#1d4f90;color:#fff;border-color:#1d4f90}.area-pagamento{margin-bottom:30px}.qrcode-container,.copypaste-container,.sucesso-container{text-align:center;background:#fff;padding:30px;border-radius:15px;border:1px solid #dee2e6;box-shadow:0 2px 10px #0000001a}.sucesso-container{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.sucesso-icon{margin-bottom:20px}.checkmark{font-size:4rem;display:inline-block;animation:bounce 1s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.sucesso-container h3{color:#155724;font-size:1.5rem;font-weight:600;margin:0 0 15px}.mensagem-sucesso{color:#155724;font-size:1rem;line-height:1.5;margin:0}.erro-container{text-align:center;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.erro-icon{margin-bottom:20px}.error-mark{font-size:4rem;display:inline-block;animation:shake 1s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.erro-container h3{color:#721c24;font-size:1.5rem;font-weight:600;margin:0 0 15px}.mensagem-erro{color:#721c24;font-size:1rem;line-height:1.5;margin:0}.aguardando-container{text-align:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;animation:waitingPulse 2s ease-in-out infinite}@keyframes waitingPulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.aguardando-icon{margin-bottom:20px}.aguardando-container h3{color:#856404;font-size:1.5rem;font-weight:600;margin:0 0 15px}.mensagem-aguardando{color:#856404;font-size:1rem;line-height:1.5;margin:0}.qrcode-container h3,.copypaste-container h3{margin:0 0 20px;color:#495057}.qrcode-wrapper{display:flex;justify-content:center;margin-bottom:20px}.qrcode-image{max-width:250px;width:100%;height:auto;border:1px solid #dee2e6;border-radius:10px}.pix-code-wrapper{display:flex;flex-direction:column;gap:15px;align-items:center}.pix-code{width:100%;max-width:500px;height:120px;padding:15px;border:2px solid #dee2e6;border-radius:8px;font-family:monospace;font-size:.9rem;resize:none;background:#f8f9fa}.btn-copiar{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .3s ease}.btn-copiar:hover{background:#218838}.instrucoes{color:#6c757d;font-size:.9rem;margin:2%;font-style:italic}.status-pagamento{text-align:center;margin-bottom:30px}.status-indicator{display:inline-flex;align-items:center;gap:10px;padding:15px 25px;border-radius:25px;font-weight:500}.status-indicator.pendente{background:#fff3cd;color:#856404;border:2px solid #ffc107}.status-indicator.pago{background:#d4edda;color:#155724;border:2px solid #28a745}.status-indicator.expirado{background:#f8d7da;color:#721c24;border:2px solid #dc3545}.loading-spinner{width:20px;height:20px;border:2px solid #856404;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon,.error-icon{font-size:1.2rem}.verificacao-manual{text-align:center;margin-bottom:25px}.btn-verificar-pagamento{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #007bff4d}.btn-verificar-pagamento:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff66}.btn-verificar-pagamento:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.info-adicional{display:flex;flex-direction:column;gap:10px;text-align:center;color:#6c757d;font-size:.9rem}.nsu-info,.expiration-info{background:#f8f9fa;padding:10px 15px;border-radius:5px;border:1px solid #dee2e6}@media(max-width:768px){.container-pagamento{padding:15px}.header-pagamento{flex-direction:column;align-items:stretch;gap:15px}.cartao-compacto{justify-content:space-between;min-width:auto}.timer-compacto{align-self:center}.botoes-pagamento{flex-direction:column}.btn-pagamento{width:100%}.qrcode-image{max-width:200px}.pix-code{height:100px;font-size:.8rem}}@media(max-width:480px){.cartao-compacto{flex-direction:column;align-items:flex-start;gap:10px}.valor-compacto{font-size:1.1rem}.timer-compacto{padding:6px 12px}.timer-value-compacto{font-size:1rem}.qrcode-image{max-width:150px}}