@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #a51717;--primary-rgb: 165, 23, 23;--primary-hover-color: #8b1414;--background-color: #ffffff;--container-background-color: #ffffff;--white: #ffffff;--black: #000000;--black-rgb: 0, 0, 0;--text-color-dark: #000000;--text-color-medium: #333333;--text-color-light: #666666;--border-color: #e0e0e0;--error-color: #d93025;--error-background-color: #fff1f0;--error-border-color: #ffa39e;--hint-background-color: #fafafa;--hint-border-color: #e0e0e0;--hint-text-color: #000000;--disabled-color: #cccccc;--border-radius-base: 8px;--box-shadow-base: 0 4px 20px rgba(var(--black-rgb), .08);--focus-shadow: 0 0 0 3px rgba(var(--primary-rgb), .2);--transition-base: .2s ease-in-out}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;justify-content:center;align-items:center;flex:1;width:100%;padding:20px;box-sizing:border-box}.language-switcher{display:flex;justify-content:flex-end;margin-bottom:10px;width:100%}.language-switcher select{padding:8px 30px 8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-base);font-size:.9em;color:var(--text-color-medium);background-color:var(--container-background-color);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-6.5%200-12.3%203.2-16.1%208.1-3.8%204.9-4.9%2011-3.1%2016.9l132.6%20132.3c3.8%203.8%209%206.1%2014.1%206.1s10.3-2.3%2014.1-6.1l132.6-132.3c1.8-5.9.7-12-3.1-16.9z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.language-switcher select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-shadow)}.machine-serial-section{margin-bottom:20px;text-align:center}.machine-serial-section p{font-size:1.1em;color:var(--text-color-dark);margin:0}.hint-section{background-color:var(--hint-background-color);border:1px solid var(--hint-border-color);border-radius:var(--border-radius-base);padding:15px;margin-bottom:20px;text-align:left}.hint-section p{color:var(--hint-text-color);font-size:.95em;line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container,.center-container{background-color:var(--container-background-color);border-radius:16px;box-shadow:var(--box-shadow-base);padding:40px;max-width:420px;width:100%;text-align:center;box-sizing:border-box;border:1px solid var(--border-color)}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px}.logo{max-width:200px;height:auto;margin-bottom:30px}h2{color:var(--text-color-dark);margin-top:0;margin-bottom:25px;font-size:1.6em;font-weight:700}p{color:var(--text-color-medium);line-height:1.5;font-size:.95em}.form{display:flex;flex-direction:column;gap:25px}.field{display:flex;flex-direction:column;align-items:flex-start}.field label{font-weight:600;margin-bottom:10px;color:var(--text-color-dark);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.input{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-base);font-size:1.1em;box-sizing:border-box;transition:all var(--transition-base);color:var(--text-color-dark);font-weight:500;background-color:var(--container-background-color)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-shadow)}.amount-display-section{background-color:var(--hint-background-color);border:2px dashed var(--border-color);border-radius:var(--border-radius-base);padding:20px;margin-bottom:25px;text-align:center}.amount-display-section p{margin:0;font-size:.9em;color:var(--text-color-medium);font-weight:500;text-transform:uppercase;letter-spacing:1px}.amount-value{display:block;font-size:2.5em;font-weight:800;color:var(--primary-color);margin-top:5px}.payment-methods{display:flex;flex-direction:column;gap:12px;width:100%}.digital-wallets{display:flex;gap:12px;width:100%}.digital-wallets .payment-method-button{flex:1;flex-direction:column;justify-content:center;align-items:center;gap:12px;aspect-ratio:1 / 1;padding:20px 10px}.digital-wallets .payment-logo{height:32px}.payment-method-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;background-color:var(--container-background-color);border:2px solid var(--border-color);border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-base);font-size:1em;font-weight:600;color:var(--text-color-dark)}.payment-method-button:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--hint-background-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--black-rgb),.05)}.payment-method-button:active:not(:disabled){transform:translateY(0)}.payment-method-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.payment-logo{height:22px;width:auto;object-fit:contain}.button{background-color:var(--primary-color);color:var(--white);padding:16px 24px;border:none;border-radius:var(--border-radius-base);font-size:1.1em;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px rgba(var(--primary-rgb),.2)}.button:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.25)}.button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.error{color:var(--error-color);background-color:var(--error-background-color);border:1px solid var(--error-border-color);border-radius:var(--border-radius-base);padding:10px;margin-top:15px;font-size:.9em}.assistance-section{margin-top:20px;margin-bottom:10px;text-align:center;font-size:.9em;color:var(--text-color-medium)}.assistance-section strong{color:var(--primary-color)}.footer{margin-top:30px;font-size:.85em;color:var(--text-color-light);text-align:center}.price-container{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:5px}.amount-value.original-crossed{font-size:1.3em;font-weight:600;color:var(--text-color-light);text-decoration:line-through}.amount-value.discounted{font-size:2.3em;font-weight:800;color:#28a745;margin-top:-5px}.discount-tag{background-color:#e8f5e9;color:#2e7d32;font-size:.85em;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;margin-top:4px;border:1px solid #c8e6c9}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:9999;animation:drawerFadeIn .3s ease-out}.drawer-paper{width:100%;max-width:600px;height:85vh;background-color:var(--container-background-color);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000026;animation:drawerSlideUp .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-sizing:border-box}.drawer-header{padding:12px 16px;display:flex;justify-content:flex-end;border-bottom:1px solid var(--border-color);background-color:#f8f9fa}.drawer-close-button{background:none;border:none;font-size:1.4em;color:var(--text-color-light);cursor:pointer;padding:4px 8px;line-height:1;transition:color var(--transition-base)}.drawer-close-button:hover{color:var(--error-color)}.drawer-content{flex:1;position:relative;width:100%;height:100%}.payment-iframe{width:100%;height:100%;border:none}.payment-iframe.hidden{visibility:hidden;position:absolute}.payment-iframe.visible{visibility:visible}.drawer-loader-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--container-background-color);padding:20px;box-sizing:border-box;text-align:center}.spinner{width:48px;height:48px;border:5px solid var(--border-color);border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinnerRotation 1s linear infinite;margin-bottom:15px}.active-coupon-banner{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:10px 15px;border-radius:var(--border-radius-base);margin-bottom:20px;font-weight:600;font-size:.95em;text-align:center}.coupon-earned-box{margin-top:25px;background-color:var(--hint-background-color);border:2px dashed var(--hint-border-color);border-radius:12px;padding:20px;animation:drawerFadeIn .5s ease-in}.coupon-earned-box h3{color:var(--hint-text-color);margin:0 0 10px;font-size:1.3em}.coupon-earned-box p{color:var(--hint-text-color);margin:0;font-size:.95em}.coupon-label{font-size:1.2em;color:var(--text-color-dark);margin:10px 0 5px}.coupon-duration{font-size:1.05em;font-weight:600;color:#c0392b;margin-bottom:20px}.coupon-instructions{background-color:var(--container-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-base);padding:15px;text-align:left;box-shadow:inset 0 2px 4px #00000005}.coupon-instructions h4{margin-top:0;margin-bottom:12px;color:var(--text-color-dark);font-size:1.05em;font-weight:700}.coupon-instructions p{font-size:.9em;line-height:1.5;margin:8px 0;color:var(--text-color-medium)}.coupon-instructions p strong,.coupon-instructions p:first-letter{font-weight:600}.button.scanner-trigger-button{width:100%;margin:15px 0;background-color:#28a745;display:flex;justify-content:center;align-items:center;gap:8px}.button.scanner-trigger-button:hover{background-color:#218838}.divider-line{height:1px;background-color:var(--border-color);margin:12px 0;width:100%}#vado-qr-reader video{object-fit:cover!important;width:100%!important;height:auto!important}@media(max-width:600px){.container,.center-container{padding:20px;border-radius:var(--border-radius-base)}h2{font-size:1.5em}.button{padding:12px 15px;font-size:1em}.drawer-paper{height:90vh}}@media(max-width:400px){.container,.center-container{padding:15px}.logo{width:180px;height:90px}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spinnerRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
