*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0d0d0d;--black-soft: #161616;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--accent: #c9a96e;--accent-lt: #e8ceaa;--accent-dk: #a8874e;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06)}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeUp .35s ease both}.layout{min-height:100vh;display:flex;flex-direction:column}header{background:var(--black);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{max-width:1120px;margin:0 auto;padding:0 2rem;height:66px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center}.logo{height:36px;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:2rem}nav a{color:#ffffff8c;text-decoration:none;font-size:.76rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;transition:color .18s}nav a:hover{color:var(--accent-lt)}.btn-wpp{display:inline-flex;align-items:center;gap:.4rem;background:#25d366;color:#fff!important;padding:.42rem 1rem;border-radius:var(--radius-sm);font-size:.73rem!important;letter-spacing:.05em!important;font-weight:700!important;transition:background .18s,transform .1s!important}.btn-wpp:hover{background:#1da851!important;transform:translateY(-1px)}.nav-wpp{text-transform:none!important}.hero{background:var(--black);padding:5.5rem 2rem 7rem;text-align:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:700px;height:400px;top:-100px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(201,169,110,.22) 0%,transparent 70%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-content{position:relative;z-index:1}.hero-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);padding:.32rem 1rem;border-radius:100px;margin-bottom:1.6rem}.label-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--white);letter-spacing:-.03em;line-height:1.08;margin-bottom:.9rem}.hero-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-lt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:#fff6;font-size:.9rem;font-weight:400;margin-bottom:2.8rem;letter-spacing:.01em}.search-wrap{max-width:580px;margin:0 auto}.search-box{display:flex;align-items:center;background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 16px 56px #00000080,0 0 0 1px #ffffff14;transition:box-shadow .2s}.search-box:focus-within{box-shadow:0 16px 56px #00000080,0 0 0 2px var(--accent)}.search-box.search-valid:focus-within{box-shadow:0 16px 56px #00000080,0 0 0 2px #10b981}.search-box.search-invalid:focus-within{box-shadow:0 16px 56px #00000080,0 0 0 2px #ef4444}.search-icon{padding:0 .9rem 0 1.2rem;color:var(--gray-400);display:flex;align-items:center;flex-shrink:0}.search-box input{flex:1;padding:1.05rem 0;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;border:none;outline:none;color:var(--gray-800);min-width:0;background:transparent}.search-box input::placeholder{color:var(--gray-300);font-weight:400;letter-spacing:.04em}.valid-mark{color:#10b981;font-weight:800;font-size:.9rem;padding-right:.6rem;flex-shrink:0}.search-box button{background:var(--accent);color:var(--black);border:none;padding:1.05rem 1.6rem;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .18s;white-space:nowrap;flex-shrink:0;height:100%}.search-box button:hover:not(:disabled){background:var(--accent-dk)}.search-box button:disabled{opacity:.45;cursor:not-allowed}.btn-loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:var(--black);border-radius:50%;animation:spin .7s linear infinite}.input-hint{margin-top:.75rem;font-size:.72rem;color:#ffffff47;letter-spacing:.02em;transition:color .18s}.input-hint-error{color:#fca5a5!important}main{flex:1;max-width:720px;width:100%;margin:0 auto;padding:2.5rem 1.5rem 4rem}.idle-card{background:var(--white);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--gray-100)}.idle-illustration{margin:0 auto 1.6rem;width:72px;height:72px;background:var(--gray-100);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.idle-illustration svg{width:32px;height:32px}.idle-card h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.idle-card p{color:var(--gray-500);font-size:.85rem;line-height:1.7;max-width:340px;margin:0 auto 1.8rem}.idle-tips{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.tip{display:flex;align-items:center;gap:.5rem;background:var(--gray-50);border:1px solid var(--gray-200);padding:.5rem .9rem;border-radius:100px;font-size:.75rem;color:var(--gray-600);font-weight:500}.recentes{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-100);text-align:left}.recentes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.recentes-header span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.btn-clear-all{background:none;border:none;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;color:var(--gray-400);cursor:pointer;padding:0;transition:color .18s}.btn-clear-all:hover{color:#ef4444}.recentes-list{display:flex;flex-direction:column;gap:.5rem}.recente-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--gray-50);border:1.5px solid var(--gray-100);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:Montserrat,sans-serif;transition:border-color .18s,background .18s}.recente-item:hover{border-color:var(--accent);background:#fffbf5}.recente-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.recente-info strong{font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--gray-800)}.recente-tipo{font-size:.7rem;color:var(--gray-400);font-weight:500}.recente-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.recente-data{font-size:.7rem;color:var(--gray-400);font-weight:500;white-space:nowrap}.recente-remove{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gray-300);font-size:1rem;line-height:1;cursor:pointer;transition:background .18s,color .18s}.recente-remove:hover{background:#fee2e2;color:#ef4444}.error-card{background:var(--white);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid #fee2e2}.error-icon{width:52px;height:52px;background:#fee2e2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-icon svg{width:22px;height:22px}.error-card h2{font-size:.95rem;font-weight:700;color:var(--gray-800)}.error-card p{font-size:.82rem;color:var(--gray-500);margin-top:.25rem}.error-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn-tentar{background:var(--gray-100);color:var(--gray-700);border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .18s}.btn-tentar:hover{background:var(--gray-200)}.wpp-btn-sm{padding:.6rem 1.1rem!important;font-size:.78rem!important}.sk{background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:6px;height:14px}.sk-sm{height:10px}.sk-md{height:18px}.sk-badge{width:80px;height:26px;border-radius:100px}.sk-banner{height:72px;margin:0;border-radius:0}.sk-circle{width:32px;height:32px;border-radius:50%;flex-shrink:0}.sk-line{height:12px}.result-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}.result-header{background:var(--black);padding:1.5rem 1.8rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.result-meta{display:flex;flex-direction:column;gap:.25rem}.result-label{font-size:.65rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#ffffff59}.result-code-row{display:flex;align-items:center;gap:.6rem}.result-code{font-size:1.2rem;font-weight:800;letter-spacing:.1em;color:var(--white)}.btn-copy{background:#ffffff1a;border:none;color:#fff9;width:26px;height:26px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s;flex-shrink:0}.btn-copy:hover{background:#ffffff2e;color:var(--white)}.copied-txt{font-size:.7rem;font-weight:800;color:#4ade80}.result-tipo{font-size:.68rem;font-style:normal;color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase}.badge{padding:.38rem 1rem;border-radius:100px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.badge-delivered{background:#d1fae5;color:#065f46}.badge-transit{background:#dbeafe;color:#1e40af}.badge-out{background:#ede9fe;color:#5b21b6}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.status-banner{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.8rem;background:color-mix(in srgb,var(--status-bg, #dbeafe) 60%,white);border-bottom:1px solid var(--gray-100)}.sk-banner{background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.status-icon-wrap{width:40px;height:40px;border-radius:50%;background:var(--status-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon-wrap svg{width:18px;height:18px}.status-info{display:flex;flex-direction:column;gap:.15rem}.status-info strong{font-size:.9rem;font-weight:700;color:var(--gray-800)}.status-info span{font-size:.78rem;color:var(--gray-500);font-weight:500}.timeline{padding:1.6rem 1.8rem;display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:1rem;position:relative;padding-bottom:1.8rem}.tl-item:last-child{padding-bottom:0}.tl-line{position:absolute;left:15px;top:33px;bottom:0;width:2px;background:var(--gray-200)}.tl-dot{width:32px;height:32px;border-radius:50%;background:var(--gray-100);color:var(--gray-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:box-shadow .2s}.tl-body{flex:1;padding-top:.3rem}.tl-action{font-size:.875rem;font-weight:700;color:var(--gray-800);margin-bottom:.2rem;line-height:1.35}.tl-item:not(.tl-first) .tl-action{color:var(--gray-500);font-weight:500}.tl-desc{font-size:.78rem;color:var(--gray-500);margin-bottom:.3rem;line-height:1.5}.tl-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.7rem;color:var(--gray-400);font-weight:500}.tl-meta span{display:flex;align-items:center;gap:.3rem}.result-actions{margin-top:1.2rem;display:flex;gap:.75rem;flex-wrap:wrap}.btn-nova-busca{display:inline-flex;align-items:center;gap:.5rem;background:var(--white);color:var(--gray-700);border:1.5px solid var(--gray-200);padding:.7rem 1.3rem;border-radius:var(--radius-sm);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .18s,color .18s,background .18s;box-shadow:var(--shadow-sm)}.btn-nova-busca:hover{border-color:var(--accent);color:var(--accent-dk);background:#fffbf5}.wpp-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#25d366;color:var(--white);text-decoration:none;padding:.7rem 1.4rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;transition:background .18s,transform .1s;box-shadow:var(--shadow-sm)}.wpp-btn:hover{background:#1da851;transform:translateY(-1px)}footer{background:var(--black);border-top:1px solid rgba(255,255,255,.06);padding:1.8rem 2rem;font-size:.72rem;letter-spacing:.03em}.footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:.75rem;color:#ffffff4d}.footer-logo{height:22px;filter:brightness(0) invert(1);opacity:.35}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ffffff59;text-decoration:none;transition:color .18s}.footer-links a:hover{color:var(--accent)}.footer-sep{color:#ffffff26}.footer-dev-link{color:#fff6;text-decoration:none;transition:color .18s}.footer-dev-link:hover{color:var(--accent)}@media (max-width: 640px){.header-inner{height:58px;padding:0 1.2rem}nav a:not(.btn-wpp){display:none}.hero{padding:3.5rem 1.2rem 5rem}.hero h1{font-size:2.2rem}.result-header{flex-direction:column;gap:.8rem}.result-header .badge{align-self:flex-start}.status-banner{padding:1rem 1.2rem}.timeline{padding:1.2rem}.result-actions{flex-direction:column}.btn-nova-busca{justify-content:center}.idle-tips{flex-direction:column;align-items:center}.footer-inner{flex-direction:column;text-align:center;gap:1rem}.footer-brand,.footer-links{justify-content:center}}