/* OneMundo Busca Mobile v4 */
:root{--om-brand:#FF6A00;--om-accent:#ee0979;--om-success:#10b981;--om-white:#fff;--om-gray-100:#f4f4f5;--om-gray-200:#e4e4e7;--om-gray-400:#a1a1aa;--om-gray-500:#71717a;--om-gray-600:#52525b;--om-gray-700:#3f3f46;--om-gray-800:#27272a;--om-safe:env(safe-area-inset-bottom,0)}
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}
.om-acts{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:6px;z-index:10}
.om-abtn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.om-abtn svg{width:18px;height:18px}
.om-abtn.cam{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}
.om-abtn.mic{background:var(--om-gray-100);color:var(--om-gray-600)}
.om-abtn:active{transform:scale(0.9)}
.om-abtn.mic.on{background:#ef4444;color:#fff;animation:ompulse 1s infinite}
@keyframes ompulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
#omSearchDD{display:none;position:fixed;inset:0;background:#fff;z-index:999999;font-family:-apple-system,sans-serif;flex-direction:column}
#omSearchDD.active{display:flex;animation:omfade .15s}
@keyframes omfade{from{opacity:0}to{opacity:1}}
.om-dd-hdr{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--om-gray-200);flex-shrink:0}
.om-dd-back{width:40px;height:40px;background:var(--om-gray-100);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.om-dd-back svg{width:20px;height:20px;color:var(--om-gray-600)}
.om-dd-inpw{flex:1;position:relative}
.om-dd-inp{width:100%;height:44px;background:var(--om-gray-100);border:2px solid transparent;border-radius:22px;padding:0 40px 0 16px;font-size:16px;outline:none}
.om-dd-inp:focus{background:#fff;border-color:var(--om-brand)}
.om-dd-clr{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:var(--om-gray-200);border:none;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer}
.om-dd-clr.show{display:flex}
.om-dd-clr svg{width:14px;height:14px;color:var(--om-gray-600)}
.om-dd-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--om-safe)}
.om-sec{padding:16px;border-bottom:1px solid var(--om-gray-100)}
.om-sec:last-child{border-bottom:none}
.om-sec-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.om-sec-t{font-size:13px;font-weight:700;color:var(--om-gray-500);text-transform:uppercase}
.om-sec-a{font-size:13px;font-weight:600;color:var(--om-brand);background:none;border:none;cursor:pointer}
.om-cam-ban{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;cursor:pointer;margin-bottom:16px}
.om-cam-ban:active{transform:scale(0.98)}
.om-cam-ico{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.om-cam-ico svg{width:22px;height:22px}
.om-cam-txt{flex:1}
.om-cam-tit{font-size:15px;font-weight:700;color:#1e40af}
.om-cam-sub{font-size:13px;color:#3b82f6}
.om-chips{display:flex;flex-wrap:wrap;gap:8px}
.om-chip{padding:10px 14px;background:var(--om-gray-100);border:none;border-radius:20px;font-size:14px;font-weight:500;color:var(--om-gray-700);cursor:pointer}
.om-chip:active{background:var(--om-gray-200)}
.om-chip.hot{background:#fee2e2;color:#dc2626}
.om-hist{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--om-gray-100);cursor:pointer}
.om-hist:last-child{border-bottom:none}
.om-hist:active{background:var(--om-gray-100);margin:0 -16px;padding:12px 16px}
.om-hist-ico{width:36px;height:36px;background:var(--om-gray-100);border-radius:8px;display:flex;align-items:center;justify-content:center}
.om-hist-ico svg{width:16px;height:16px;color:var(--om-gray-500)}
.om-hist-txt{flex:1;font-size:15px;color:var(--om-gray-800)}
.om-hist-x{width:32px;height:32px;background:none;border:none;display:flex;align-items:center;justify-content:center;color:var(--om-gray-400)}
.om-hist-x svg{width:16px;height:16px}
.om-prod{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--om-gray-100);text-decoration:none;color:inherit}
.om-prod:last-child{border-bottom:none}
.om-prod:active{background:var(--om-gray-100);margin:0 -16px;padding:12px 16px}
.om-prod-img{width:64px;height:64px;background:var(--om-gray-100);border-radius:8px;overflow:hidden;flex-shrink:0}
.om-prod-img img{width:100%;height:100%;object-fit:contain}
.om-prod-info{flex:1;min-width:0}
.om-prod-name{font-size:14px;font-weight:500;color:var(--om-gray-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.om-prod-name mark{background:#fef3c7;color:#92400e;padding:0 2px;border-radius:2px}
.om-prod-price{text-align:right}
.om-price-old{font-size:11px;color:var(--om-gray-400);text-decoration:line-through}
.om-price-now{font-size:16px;font-weight:700;color:var(--om-success)}
.om-all{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px;padding:14px;background:linear-gradient(135deg,var(--om-brand),var(--om-accent));color:#fff;font-weight:700;font-size:14px;text-decoration:none;border-radius:12px}
.om-all:active{transform:scale(0.98)}
.om-all svg{width:16px;height:16px}
.om-load{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}
.om-spin{width:36px;height:36px;border:3px solid var(--om-gray-200);border-top-color:var(--om-brand);border-radius:50%;animation:omspin .7s linear infinite;margin-bottom:12px}
@keyframes omspin{to{transform:rotate(360deg)}}
.om-load-txt{font-size:14px;color:var(--om-gray-500)}
.om-empty{text-align:center;padding:60px 20px}
.om-empty-ico{width:70px;height:70px;background:var(--om-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px}
.om-empty-tit{font-size:17px;font-weight:700;color:var(--om-gray-800);margin-bottom:6px}
.om-empty-txt{font-size:14px;color:var(--om-gray-500)}
/* Camera Modal */
#omCamModal{display:none;position:fixed;inset:0;background:#000;z-index:9999999;flex-direction:column}
#omCamModal.active{display:flex}
.om-cm-hdr{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(to bottom,rgba(0,0,0,0.6),transparent);z-index:10}
.om-cm-title{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}
.om-cm-close{width:40px;height:40px;background:rgba(255,255,255,0.2);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.om-cm-close svg{width:22px;height:22px}
.om-cm-video{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.om-cm-video video{width:100%;height:100%;object-fit:cover}
.om-cm-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);color:#fff;text-align:center}
.om-cm-overlay.hide{display:none}
.om-cm-overlay svg{width:44px;height:44px;margin-bottom:12px;opacity:.7}
.om-cm-ctrls{position:absolute;bottom:0;left:0;right:0;padding:20px;padding-bottom:calc(20px + var(--om-safe));background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);display:flex;align-items:center;justify-content:center;gap:24px}
.om-cm-gallery{width:48px;height:48px;background:rgba(255,255,255,0.2);border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.om-cm-gallery svg{width:22px;height:22px}
.om-cm-capture{width:70px;height:70px;background:#fff;border:4px solid var(--om-brand);border-radius:50%;cursor:pointer;position:relative}
.om-cm-capture::before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:linear-gradient(135deg,var(--om-brand),var(--om-accent));border-radius:50%;transition:transform .15s}
.om-cm-capture:active::before{transform:scale(0.85)}
.om-cm-preview{display:none;flex-direction:column;flex:1;background:#000}
.om-cm-preview.active{display:flex}
.om-cm-preview-img{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}
.om-cm-preview-img img{max-width:100%;max-height:100%;border-radius:12px}
.om-cm-preview-acts{padding:16px;padding-bottom:calc(16px + var(--om-safe));display:flex;gap:12px}
.om-cm-btn{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none}
.om-cm-btn:active{transform:scale(0.96)}
.om-cm-btn svg{width:18px;height:18px}
.om-cm-btn.sec{background:#374151;color:#fff}
.om-cm-btn.pri{background:linear-gradient(135deg,var(--om-brand),var(--om-accent));color:#fff}
.om-cm-analyzing{display:none;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px;text-align:center;background:#000}
.om-cm-analyzing.active{display:flex}
.om-cm-analyzing-spin{width:80px;height:80px;border:4px solid rgba(255,255,255,0.2);border-top-color:var(--om-brand);border-radius:50%;animation:omspin .8s linear infinite;margin-bottom:20px}
.om-cm-analyzing-txt{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}
.om-cm-analyzing-hint{font-size:14px;color:rgba(255,255,255,0.6)}
.om-cm-results{display:none;flex-direction:column;flex:1;background:#fff;overflow:hidden}
.om-cm-results.active{display:flex}
.om-cm-results-hdr{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--om-gray-200)}
.om-cm-results-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0}
.om-cm-results-thumb img{width:100%;height:100%;object-fit:cover}
.om-cm-results-info{flex:1}
.om-cm-results-title{font-size:15px;font-weight:700;color:var(--om-gray-800)}
.om-cm-results-sub{font-size:13px;color:var(--om-gray-500)}
.om-cm-ia-box{margin:12px 16px;padding:12px;background:#ecfdf5;border-radius:10px}
.om-cm-ia-label{font-size:11px;font-weight:700;color:var(--om-success);text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.om-cm-ia-label svg{width:14px;height:14px}
.om-cm-ia-content{font-size:14px;color:#166534}
.om-cm-ia-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.om-cm-ia-tag{background:#fff;color:#166534;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;border:none;cursor:pointer}
.om-cm-prods{flex:1;overflow-y:auto;padding:0 16px 16px}
#omFileInput{display:none}
canvas#omCanvas{display:none}
@media(min-width:769px){#omSearchDD{position:absolute;top:calc(100% + 8px);left:0;right:0;bottom:auto;max-height:480px;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.2);overflow:hidden}.om-dd-hdr{display:none}.om-dd-body{max-height:480px}}