:root{color-scheme:light;font-family:Manrope,Arial,Helvetica,sans-serif;color:#17191e;background:#f0f2f5;font-synthesis:none;--ap-red:#cf0625;--ap-dark:#93041d;--muted:#626a75}
*{box-sizing:border-box}body{margin:0;padding:24px 16px 40px;background:radial-gradient(ellipse at 50% 0,#fff 0,#f2f4f7 62%,#eceff3 100%);min-width:280px}button,input{font:inherit}button,a,input,label{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}svg{display:block;width:24px;height:24px;flex-shrink:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.trade-form-shell{container-type:inline-size;position:relative;width:100%;max-width:900px;margin:0 auto;overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 12px 36px #1d28321b,0 2px 5px #1d283217}.trade-hero{position:relative;background:#80091d}.trade-hero picture,.trade-hero img{display:block;width:100%}.trade-hero img{height:auto;object-fit:contain}.form-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff7;border-radius:50%;color:#282b32;background:#fffffff0;box-shadow:0 3px 15px #0002;font:400 28px/1 system-ui;z-index:2}.form-content{padding:18px 25px 16px}.form-intro{margin:0 2px 16px;color:var(--muted);font-size:12px;line-height:1.6}.form-intro span{white-space:nowrap}.return-context{margin-bottom:12px;font-size:13px}.return-context a{color:#a80c25;text-underline-offset:3px}
.form-section{min-width:0;margin:0 0 14px;padding:10px 16px 15px;border:1px solid #eceef1;border-radius:15px;box-shadow:0 2px 6px #27313b0b;background:#fff}.form-section legend{max-width:100%;padding:0;margin-left:-10px;display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:13px}.section-tab{display:inline-flex;align-items:center;gap:12px;min-height:33px;padding:5px 19px;background:linear-gradient(180deg,#e5082f 0%,#ca0020 57%,#a80821 100%);color:#fff;border-radius:11px 11px 11px 4px;font-size:16px;font-weight:800;letter-spacing:-.35px;line-height:1.3;box-shadow:inset 0 1px #ffffff26}.section-tab svg{width:24px;height:24px;stroke-width:1.8}.section-hint{color:#454c57;font-size:12px;line-height:1.4}.section-hint em{font-style:normal}.bike-grid{display:grid;grid-template-columns:1.15fr 1.15fr .85fr 1.1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:800;line-height:1.4}.field b,.photo-copy b{color:#d50023;font-weight:800}.input-wrap{display:block;min-width:0}input[type=text],input[type=tel]{display:block;width:100%;min-width:0;height:40px;padding:9px 11px;border:1px solid #dce0e6;border-radius:9px;outline:0;background:linear-gradient(#fcfcfd,#fff);box-shadow:inset 0 1px 3px #1c263b0a,0 1px 2px #2832460a;color:#252b36;font-size:13px;font-weight:400;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#6d7785;opacity:1}input:focus{border-color:#ad1930;box-shadow:0 0 0 3px #c4082420}input[aria-invalid=true]{border-color:#c10725}.suffix-wrap,.icon-input{display:block;position:relative}.suffix-wrap input{padding-right:37px}.input-suffix{position:absolute;right:12px;top:11px;color:#46505e;font-size:12px;font-weight:400;pointer-events:none}.icon-input>svg{position:absolute;left:11px;top:10px;width:19px;height:19px;stroke-width:1.6;color:#505e6c}.icon-input input{padding-left:37px}.whatsapp-input>svg{color:#14b638}.contact-grid{display:grid;grid-template-columns:1.3fr 1.2fr 1fr;gap:20px}.field-error{display:block;min-height:0;margin-top:4px;color:#b30725;font-size:11px;font-weight:600;line-height:1.4}.field-error:empty{display:none}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-control{position:relative;min-width:0}.photo-picker{position:relative;display:grid;grid-template-columns:47px minmax(0,1fr) 34px;align-items:center;gap:9px;min-height:81px;padding:12px 10px;border:1px solid #e0e3e9;border-radius:14px;background:linear-gradient(125deg,#fff,#f8f9fb);box-shadow:0 1px 3px #2934470a;cursor:pointer;transition:border-color .15s,box-shadow .15s}.photo-control:focus-within .photo-picker,.photo-picker:hover{border-color:#bd1630;box-shadow:0 0 0 3px #ce072517}.photo-control.has-photo .photo-picker{border-color:#91cba0;background:#f9fffa}.photo-control.has-error .photo-picker{border-color:#bd0928}.photo-visual{display:grid;place-items:center;width:47px;height:44px;overflow:hidden;border-radius:7px;color:#20262d}.photo-visual>svg{width:43px;height:43px;stroke-width:1.5}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.photo-copy strong{font-size:12px;font-weight:800;line-height:1.3}.photo-copy small{font-size:11px;color:#525b68;line-height:1.35}.photo-upload{display:grid;place-items:center;width:33px;height:32px;background:#f0f2f6;border:1px solid #e1e5eb;border-radius:9px;color:#273545;box-shadow:0 1px 1px #27354512}.photo-upload svg{width:20px;height:20px}.photo-remove{position:absolute;right:5px;top:-8px;z-index:1;width:24px;height:24px;border:1px solid #dce1e5;border-radius:50%;background:#fff;color:#8b1930;font:700 19px/1 system-ui;box-shadow:0 2px 5px #0001}.photo-help{margin:10px 1px 0;color:#6d7480;font-size:10px;line-height:1.5}.photo-control.is-processing .photo-upload{animation:photo-pulse 1s ease-in-out infinite}.photo-control.is-processing .photo-copy small{color:#a40b28}@keyframes photo-pulse{50%{opacity:.45}}
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.payment-card{display:flex;align-items:center;gap:12px;min-height:63px;padding:10px 13px;border:1px solid #e1e4e9;border-radius:12px;background:linear-gradient(#fff,#fafbfc);box-shadow:0 2px 3px #2532450c;cursor:pointer;transition:border-color .15s,background .15s}.payment-card strong{flex:1;min-width:0;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:-.3px}.payment-icon svg{width:36px;height:36px;stroke-width:1.6}.payment-card input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:19px;height:19px;margin:0;border:1.5px solid #929ba6;border-radius:4px;background:#fff;outline-offset:4px;cursor:pointer}.payment-card input:checked{border-color:#2d9b4c;background:#35ad55}.payment-card input:checked:after{content:'✓';position:absolute;inset:-1px;display:grid;place-items:center;color:#fff;font:bold 15px/1 system-ui}.payment-card.is-selected{border-color:#6cb97f;background:#f1fbf3;box-shadow:0 0 0 1px #79bd8b22}.payment-card:focus-within{outline:2px solid #ae193133;outline-offset:2px}.spam-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit-area{text-align:center;padding:0 0 2px}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:min(100%,440px);min-height:48px;border:0;border-radius:12px;background:linear-gradient(#e1072c,#c50020 60%,#a60822);box-shadow:0 2px 3px #a6082214;color:white;font-size:16px;line-height:1.3;font-weight:800;letter-spacing:.1px;padding:12px 22px}.submit-button svg{width:25px;height:25px}.submit-button:hover:not(:disabled){background:linear-gradient(#d80025,#aa001b)}button:focus-visible,a:focus-visible{outline:3px solid #95142c;outline-offset:3px}#permutaSubmitStatus{min-height:0;margin:7px 0 0;color:#626a75;font-size:12px}.privacy-note{margin:10px 0 0;text-align:center;color:#747d88;font-size:10px;line-height:1.5}.message{padding:13px 15px;border-radius:10px;line-height:1.6;font-size:13px;margin-bottom:15px}.message-error{border:1px solid #eccbd1;background:#fff5f6;color:#9f1129}.success-panel{text-align:center;padding:34px 10px 40px}.success-check{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e1f5e7;color:#2c9b4d;font:700 34px/1 system-ui}.success-panel h2{margin:17px 0 10px;font-size:28px;font-weight:800;letter-spacing:-.6px}.success-panel p{max-width:440px;margin:10px auto;color:#69717c;line-height:1.65;font-size:14px}.success-panel .success-reference{font-size:12px;color:#8a2335}.secondary-button{display:block;margin:18px auto 0;padding:8px 12px;border:0;background:transparent;color:#a60f28;text-decoration:underline;text-underline-offset:3px;font-size:13px}.success-panel .submit-button{margin-top:15px}
@container(max-width:639px){.form-content{padding:13px 13px 15px}.form-intro{font-size:10px;margin-bottom:12px}.form-section{padding:8px 11px 11px;margin-bottom:13px;border-radius:12px}.form-section legend{gap:7px;margin-left:-5px}.section-tab{gap:8px;min-height:29px;font-size:13px;padding:4px 12px;border-radius:9px 9px 9px 3px;letter-spacing:-.25px}.section-tab svg{width:20px;height:20px}.section-hint{font-size:10px}.section-hint em{font-size:9px}.bike-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.field-brand,.field-model{grid-column:1/-1;display:grid;grid-template-columns:69px minmax(0,1fr);align-items:start;gap:8px}.field-brand>span:first-child,.field-model>span:first-child{padding-top:8px}.field{font-size:11px;gap:4px}.field-error{font-size:10px}input[type=text],input[type=tel]{height:36px;padding:8px 9px;font-size:12px;border-radius:8px}.suffix-wrap input{padding-right:29px}.input-suffix{right:8px;top:10px;font-size:10px}.icon-input input{padding-left:31px}.icon-input>svg{left:9px;top:9px;width:17px;height:17px}.contact-grid{grid-template-columns:1fr;gap:10px}.contact-field{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:start}.contact-field>span:first-child{padding-top:8px}.photo-grid{gap:8px}.photo-picker{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:122px;padding:10px 4px 9px;border-radius:10px}.photo-visual{width:40px;height:32px}.photo-visual>svg{width:35px;height:32px}.photo-copy{text-align:center;gap:3px}.photo-copy strong{font-size:10px;letter-spacing:-.2px;white-space:nowrap}.photo-copy small{font-size:9px}.photo-upload{width:40px;height:26px;border-radius:7px}.photo-upload svg{width:18px;height:18px}.photo-help{font-size:9px;margin-top:8px}.payment-grid{grid-template-columns:1fr;gap:8px}.payment-card{min-height:48px;padding:8px 12px;gap:12px;border-radius:9px}.payment-card strong{font-size:13px}.payment-icon svg{width:29px;height:29px}.payment-card input{width:18px;height:18px}.submit-button{width:100%;min-height:46px;font-size:15px;border-radius:11px;gap:12px}.submit-button svg{width:23px;height:23px}.privacy-note{font-size:9px}.success-panel{padding:20px 4px 28px}.success-panel h2{font-size:24px}.form-close{top:8px;right:8px;width:37px;height:37px}}
@media(max-width:639px){body{padding:8px 7px 24px}.trade-form-shell{border-radius:17px}}
.photo-control.has-photo .photo-visual>svg{display:none}
/* Evita el zoom automático de Safari al completar campos en el celular. */
@container(max-width:639px){input[type=text],input[type=tel]{font-size:16px;height:40px}.input-suffix{top:12px}.icon-input>svg{top:11px}.photo-copy{width:100%}.photo-copy strong{white-space:normal;min-height:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}