#step-4 .max-w-2xl{max-width:42rem!important}#step-4 .bg-gray-50{background-color:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:.75rem!important;padding:1.5rem!important}.payment-form-container{transition:all .3s ease-in-out}.next-btn-step.completed,#next-btn-step3.completed,#next-btn-step4.completed{background-color:var(--fey-alegria-green-main)!important;color:#fff!important}.next-btn-step.completed:hover,#next-btn-step3.completed:hover,#next-btn-step4.completed:hover{background-color:var(--fey-alegria-green-main)!important;opacity:.9}#next-btn,#next-btn-step3,#next-btn-step4{transition:all .2s ease-in-out!important}#next-btn:not(:disabled):hover,#next-btn-step3:not(:disabled):hover,#next-btn-step4:not(:disabled):hover{background-color:var(--fey-alegria-green-main)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #a1ce5e4d!important}.payment-form input[type=text],.payment-form input[type=email],.payment-form input[type=number],.payment-form input[type=date],.payment-form input[type=tel],.payment-form input[type=password],.payment-form input[type=datetime-local],.payment-form select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease-in-out;background-color:#fff}.payment-form input:hover,.payment-form select:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}#step-4 .payment-form input:focus,#step-4 .payment-form select:focus{outline:none!important;border-color:#008bad!important;box-shadow:0 0 0 3px #008bad1a!important;background-color:#fff!important}.payment-form input:active,.payment-form select:active{border-color:#008bad;box-shadow:0 0 0 2px #008bad33}.payment-form input.valid,.payment-form select.valid{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.payment-form input.error,.payment-form select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;background-color:#fef2f2}.payment-form input:disabled,.payment-form select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.payment-form .relative input[type=number]{padding-right:2.5rem}.payment-form .relative .currency-symbol{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.875rem;font-weight:500;pointer-events:none}.payment-form .date-buttons{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.payment-form .date-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.payment-form .date-btn:hover{border-color:#9ca3af;background-color:#f9fafb;box-shadow:0 1px 3px #0000001a}.payment-form .date-btn.selected{border-color:#008bad;background-color:#f0f9ff;color:#008bad;box-shadow:0 0 0 2px #008bad33}.payment-form label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.payment-form label.required:after{content:" *";color:#dc2626}.payment-form .help-text{font-size:.75rem;color:#6b7280;margin-top:.25rem}#step-4 .payment-form .error-message{color:#dc2626!important;font-size:.875rem!important;margin-top:.25rem!important;display:flex!important;align-items:center!important;gap:.25rem!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;border:none!important}#step-4 .payment-form .error-message:before{content:"⚠"!important;font-size:.75rem!important}#step-4 .payment-form .field-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important;background-color:#fef2f2!important}.payment-form .success-message{color:#10b981;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.payment-form .success-message:before{content:"✓";font-size:.75rem;font-weight:700}@media (max-width: 640px){#step-4 .max-w-2xl{max-width:100%!important;padding:1rem!important}.payment-form-container{padding:1rem!important}}@media (min-width: 641px) and (max-width: 1023px){#step-4 .max-w-2xl{max-width:36rem!important}}@media (min-width: 1024px){#step-4 .max-w-2xl{max-width:42rem!important}}
