*{box-sizing:border-box}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,Segoe UI,sans-serif;background:#faf7f4;color:#241a14;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:20px}
main{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(60,30,10,.10);padding:36px;max-width:440px;width:100%}
h1{margin:0 0 4px;font-size:26px}
.sub{color:#6d5c52;margin:0 0 22px}
.precio{font-size:38px;font-weight:800;color:#E5582B;margin:0}
.precio small{font-size:16px;color:#6d5c52;font-weight:600}
ul{padding-left:20px;margin:14px 0 24px;color:#4a3b32;line-height:1.7}
label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}
input{width:100%;padding:13px 14px;border:1.5px solid #e2d6cd;border-radius:12px;font:inherit}
input:focus{outline:none;border-color:#E5582B}
button{margin-top:22px;width:100%;padding:15px;border:0;border-radius:12px;background:#E5582B;color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
button:disabled{opacity:.6;cursor:default}
.error{color:#b3261e;margin:12px 0 0;min-height:20px;font-size:14px}
.nota{color:#6d5c52;font-size:13px;margin-top:16px;line-height:1.5}
.codigo{font-size:30px;font-weight:800;letter-spacing:3px;background:#fff1ea;border-radius:14px;padding:18px;text-align:center;margin:18px 0;user-select:all}