:root{--clf-red:#cf2e2e;--clf-red-hover:#b82828;--clf-red-light:rgba(207,46,46,0.06);--clf-dark:#1A1A2E;--clf-bg:#FFFFFF;--clf-input-bg:#F5F5F5;--clf-border:#E0E0E0;--clf-border-light:#EEEEEE;--clf-tab-bg:#FAFAFA;--clf-muted:#999;--clf-hint:#AAA}.clf{background:var(--clf-bg);border:1px solid #E5E5E5;border-radius:10px;font-family:'Metropolis',system-ui,-apple-system,sans-serif;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);max-width:1200px;margin:0 auto 30px}.clf-tabs{display:flex;border-bottom:2px solid var(--clf-border-light)}.clf-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border:none;background:var(--clf-tab-bg);color:var(--clf-hint);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all 0.2s;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:inherit}.clf-tab:hover{color:#555;background:#f0f0f0}.clf-tab.active{background:var(--clf-bg);color:var(--clf-red);border-bottom-color:var(--clf-red)}.clf-tab svg{flex-shrink:0;opacity:.5}.clf-tab:hover svg{opacity:.7}.clf-tab.active svg{opacity:1}.clf-panel{display:none;padding:24px 28px}.clf-panel.active{display:block}.clf-fields{display:flex;align-items:flex-end;gap:12px}.clf-field{flex:1;min-width:0}.clf-field label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--clf-muted);margin-bottom:6px}.clf-field select{width:100%;padding:11px 36px 11px 14px;border:1.5px solid var(--clf-border);border-radius:6px;font-size:13px;font-weight:400;font-family:inherit;color:var(--clf-dark);background:var(--clf-input-bg);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all 0.2s;box-sizing:border-box}.clf-field select:focus{outline:none;border-color:var(--clf-red);background-color:#fff}.clf-field select:disabled{opacity:.35;cursor:not-allowed}.clf-field-btn{flex:0 0 140px}.clf-btn{width:100%;padding:12px 20px;background:var(--clf-red);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px}.clf-btn::after{content:'';display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #fff}.clf-btn:hover:not(:disabled){background:var(--clf-red-hover);transform:translateY(-1px)}.clf-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.clf-placa-wrap{text-align:center;max-width:280px;margin:0 auto;padding:10px 0}.clf-placa-wrap label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--clf-muted);margin-bottom:12px}.clf-placa-input{width:100%;padding:14px;border:1.5px solid var(--clf-border);border-radius:6px;font-size:22px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:6px;text-align:center;color:var(--clf-dark);background:var(--clf-input-bg);box-sizing:border-box;transition:border-color 0.2s}.clf-placa-input::placeholder{color:#BBB}.clf-placa-input:focus{outline:none;border-color:var(--clf-red);background:#fff}.clf-hint{font-size:11px;color:var(--clf-hint);margin:10px 0 16px}.clf-placa-wrap .clf-btn{margin:0 auto;max-width:200px}.clf-results{display:none;padding:0 28px 28px;animation:clfFadeIn 0.3s ease}.clf-results.active{display:block}.clf-results-header{border-top:2px solid var(--clf-border-light);padding:16px 0 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.clf-results-label{font-size:13px;color:#888;font-weight:500}.clf-results-label strong{color:var(--clf-dark)}.clf-results-clear{font-size:11px;color:var(--clf-muted);background:none;border:1px solid var(--clf-border);padding:5px 14px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all 0.2s}.clf-results-clear:hover{border-color:var(--clf-red);color:var(--clf-red)}.clf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.clf-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;border:1.5px solid var(--clf-border-light);border-radius:8px;text-decoration:none;text-align:center;transition:all 0.2s;background:#fff}.clf-card:hover{border-color:var(--clf-red);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.clf-card-img{width:120px;height:120px;object-fit:contain;margin-bottom:10px}.clf-card h4{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--clf-dark);text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.clf-card-tags{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;justify-content:center}.clf-tag{font-size:9px;font-weight:600;color:var(--clf-red);background:var(--clf-red-light);padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.clf-card-link{font-size:11px;font-weight:700;color:var(--clf-red);text-transform:uppercase;letter-spacing:.3px}.clf-no-results{text-align:center;padding:30px;color:var(--clf-muted);font-size:14px;background:var(--clf-red-light);border-radius:6px}@keyframes clfFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.clf-fields{flex-direction:column;gap:10px}.clf-field-btn{flex:0 0 auto;width:100%}.clf-panel{padding:16px}.clf-results{padding:0 16px 16px}.clf-tab{font-size:10px;padding:14px 8px;letter-spacing:.5px}.clf-grid{grid-template-columns:repeat(2,1fr);gap:10px}.clf-card-img{width:100px;height:100px}}@media (max-width:480px){.clf-grid{grid-template-columns:1fr}.clf-card{padding:14px}.clf-card-img{width:80px;height:80px}}.clf-error-box{margin:0 0 16px;padding:14px 18px;border-radius:10px;background:#FEF3C7;border:1.5px solid #F59E0B;color:#92400E;font-size:13px;font-weight:600;line-height:1.4}.clf-hero{background:linear-gradient(135deg,#ffffff 0%,#fef2f2 100%);border:2px solid #fee2e2;border-radius:14px;padding:32px 28px;margin:0 0 24px;text-align:center;box-shadow:0 4px 14px rgba(207,46,46,.08);animation:clfFadeIn 0.4s ease-out}.clf-hero-label,.clf-hero-label-medida,.clf-hero-equivs-label{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#6B7280;font-weight:700}.clf-hero-label{margin-bottom:4px}.clf-hero-vehicle{font-size:22px;font-weight:800;color:#1A1A2E;margin-bottom:4px;letter-spacing:-.3px}.clf-hero-vehicle-sub{font-size:14px;font-weight:500;color:#4B5563;margin-bottom:16px}.clf-hero-vehicle+.clf-hero-label-medida{margin-top:20px}.clf-hero-label-medida{margin-bottom:10px}.clf-hero-medidas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-bottom:22px}.clf-hero-medida{font-size:56px;font-weight:800;color:#cf2e2e;letter-spacing:-1.5px;line-height:1;padding:10px 28px;border:3px solid #cf2e2e;border-radius:14px;background:#fff;font-feature-settings:"tnum" 1;text-shadow:0 1px 2px rgba(207,46,46,.08)}.clf-hero-equivs-label{margin-bottom:10px}.clf-hero-equivs-note{font-weight:500;text-transform:none;letter-spacing:0;color:#9CA3AF;font-size:10px}.clf-hero-equivs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.clf-hero-equiv{padding:8px 16px;border-radius:20px;background:#fff;border:1.5px solid #E5E7EB;font-size:14px;font-weight:700;color:#1A1A2E;cursor:help;transition:all 0.15s}.clf-hero-equiv:hover{border-color:#cf2e2e;color:#cf2e2e;transform:translateY(-1px)}@keyframes clfFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.clf-hero{padding:24px 16px}.clf-hero-medida{font-size:42px;padding:8px 20px;border-radius:12px}.clf-hero-vehicle{font-size:18px}}@media (max-width:480px){.clf-hero-medida{font-size:32px;padding:6px 14px}.clf-hero-vehicle{font-size:16px}}.clf-vehicle-info{margin-top:12px;font-size:13px;color:var(--clf-muted)}.clf-medida-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.clf-badge-oem{display:inline-flex;align-items:center;gap:4px;background:var(--clf-red-light);color:var(--clf-red);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.clf-vinfo-spec{margin-top:6px;font-size:12px;color:var(--clf-dark)}.clf-veh-empty{margin-top:14px;padding:14px 16px;background:var(--clf-red-light);border:1px solid var(--clf-border);border-radius:8px;font-size:13px;color:var(--clf-dark);line-height:1.5}.clf-hero-specs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.clf-hero-spec{background:rgba(255,255,255,.18);color:#fff;padding:5px 12px;border-radius:6px;font-size:13px}