:root{color-scheme:dark;font-family:Arial,"Segoe UI",sans-serif;color:#f4f3f1;background:#07080c;--gold:#ffca46;--gold2:#ffed9f;--silver:#e3e8f2}
*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 50% 5%,#9d5b241f,transparent 37%),linear-gradient(145deg,#111218 0%,#07080c 50%,#170f08 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #fff0aa;outline-offset:4px}
.announcement{padding:12px 18px;text-align:center;background:linear-gradient(#fff3ab,#ffc32e 34%,#e9a117 72%,#ffe68e);color:#211300;border-bottom:2px solid #a66c1a;box-shadow:0 0 22px #eda7268a;font-size:12px;font-weight:950;letter-spacing:.16em}.announcement span{margin:0 10px}
.site-header{max-width:1230px;margin:auto;padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;font-size:35px;font-weight:1000;font-style:italic;color:#ffdc64;border:3px solid #ffda88;background:radial-gradient(circle at 34% 30%,#664012,#05070a 64%);box-shadow:inset 0 0 12px #ffc642a3,0 0 14px #dd912baa}.brand strong{display:block;font-size:clamp(25px,3vw,38px);letter-spacing:-.06em;font-style:italic;color:transparent;background:linear-gradient(#fff,#f4f6fc 27%,#8794a5 49%,#f9fcff 76%,#aab6c6);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px #000)}.brand small{display:block;margin-top:3px;color:#ffcf73;font-size:9px;font-weight:900;letter-spacing:.22em}
.header-pill{color:#fce4ad;border:1px solid #9e732d;padding:10px 16px;border-radius:40px;font-weight:900;font-size:11px;letter-spacing:.06em;background:#211910}.header-pill span{color:#8fe7a8;margin-right:5px}
main{max-width:1060px;margin:0 auto;padding:22px 22px 70px}.hero{text-align:center;position:relative;overflow:hidden;padding:38px clamp(19px,4vw,55px) 35px;border:3px solid transparent;border-radius:26px;background:linear-gradient(120deg,#29262a,#090b10 50%,#2a1a0c) padding-box,linear-gradient(135deg,#ffeeb6,#ad732c 20%,#f9e3ad 45%,#97601d 77%,#ffdf99) border-box;box-shadow:0 0 30px #b8752d55,0 20px 26px #0009,inset 0 2px #ffdda455}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 45%,#b97b2e23,transparent 60%)}.hero>*{position:relative}.hero-kicker,.mini-kicker{font-size:11px;letter-spacing:.13em;font-weight:950;color:#ffda87}.hero-symbol{display:grid;place-items:center;color:#ffdf89;margin:19px auto 15px;width:99px;height:99px;border:3px solid #ffe2a0;border-radius:50%;background:radial-gradient(circle,#514125,#0a0c10 72%);box-shadow:0 0 23px #e7a52a77}.hero-symbol svg{width:60px;height:60px;filter:drop-shadow(0 0 9px #e7a82b)}h1{font-size:clamp(39px,6vw,72px);font-weight:1000;font-style:italic;letter-spacing:-.06em;line-height:1.06;margin:5px auto 18px;color:transparent;background:linear-gradient(#fff,#dee4ed 28%,#7f899a 52%,#fff 75%,#98a3b4);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 1px #000)}h1 em{font-style:inherit;color:transparent;background:linear-gradient(#fff4c5,#ffd75f 28%,#de8c14 60%,#ffe7a0 87%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 12px #e99e2b90)}.hero p{font-size:clamp(13px,1.6vw,16px);line-height:1.68;color:#d4d5dd;max-width:730px;margin:0 auto}.features{margin:24px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.features span{border:1px solid #c39449;border-radius:20px;background:#34251385;color:#ffdd96;padding:9px 12px;font-size:10px;font-weight:950}
.search-panel{margin-top:23px;padding:26px clamp(17px,4vw,40px);border:2px solid #b98a3e;border-radius:20px;box-shadow:inset 0 1px #fff3bf4f,0 0 18px #b88c2f36;background:linear-gradient(135deg,#252227,#111319 55%,#201a16)}h2{font-size:clamp(24px,3vw,34px);font-style:italic;margin:9px 0 10px;color:#f9eeda}.panel-title p{font-size:14px;color:#c9cbd0;margin:0 0 24px}.panel-title p strong{color:var(--gold2)}label{display:block;font-size:13px;font-weight:900;margin:0 0 10px;color:#f9e4b6}.search-row{display:flex;gap:12px;align-items:stretch}input{width:100%;min-width:0;flex:1;height:57px;border:2px solid #ffc45b;border-radius:12px;background:linear-gradient(#1b1e23,#07090d);box-shadow:inset 0 3px 9px #000a;color:#fff;font-size:clamp(16px,2.1vw,21px);font-weight:900;letter-spacing:.07em;padding:12px 18px;text-transform:uppercase}input::placeholder{color:#858b98}button{border:2px solid #ffe5a4;background:linear-gradient(#fff5bc,#ffda63 29%,#edac23 69%,#ffd86b);color:#1f1403;border-radius:12px;box-shadow:inset 0 1px #fff6e2,0 0 15px #e2a62b7a;font-size:13px;font-weight:1000;padding:0 23px;white-space:nowrap}button:hover{filter:brightness(1.06)}button:disabled{cursor:wait;opacity:.8}.help{color:#aeb3bd;font-size:11px;line-height:1.45;margin:12px 0 0}
.result-panel{text-align:center;margin-top:25px;padding:29px clamp(17px,4vw,35px);border:2px solid #c99c52;background:linear-gradient(#272329,#111117 75%);border-radius:20px;box-shadow:0 0 18px #d29a344d}.result-panel[hidden],.result-code[hidden]{display:none}.result-symbol{font-size:30px;display:grid;place-items:center;width:55px;height:55px;margin:0 auto 14px;border:2px solid #f1c578;border-radius:50%;color:#ffda8d}.result-panel h2{margin:10px 0}.result-panel p{color:#d0cbd0;font-size:14px;line-height:1.6}.result-code{margin:22px auto 12px;color:#ffda81;font:900 clamp(20px,3vw,29px) ui-monospace,Consolas,monospace;letter-spacing:.11em;word-break:break-word}.event-list{list-style:none;margin:24px auto 0;padding:0;max-width:660px;text-align:left}.event-list li{padding:16px 12px 16px 31px;position:relative;border-left:2px solid #c99a54;background:#1c1919;border-bottom:1px solid #674c304f}.event-list li::before{content:"";position:absolute;left:-8px;top:19px;width:13px;height:13px;border-radius:50%;background:#f9cb61;box-shadow:0 0 9px #ffb93c}.event-list strong{font-size:14px;color:#fbe6b7;display:block}.event-list small{display:block;color:#b6b8c1;font-size:11px;margin-top:5px;line-height:1.5}.disclaimer{text-align:center;padding:28px 10px 0;color:#9497a0;font-size:11px;line-height:1.7}footer{text-align:center;padding:22px 12px;border-top:2px solid #b37b2e;background:#0d0c0e;color:#aeb0b9;font-size:11px;letter-spacing:.08em}
@media(max-width:720px){.site-header{padding:16px}.brand-icon{width:49px;height:49px;font-size:28px}.brand strong{font-size:25px}.brand small{font-size:7px}.header-pill{display:none}main{padding:12px 12px 55px}.hero{padding:31px 16px}.hero-symbol{width:82px;height:82px}.hero-symbol svg{width:48px}.search-panel{padding:23px 17px}.search-row{flex-direction:column}button{min-height:52px}.features span{font-size:9px}.event-list li{padding-left:20px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}


/* RASTREIO — apresentação básica independente, sem chamadas remotas. */
.tracking-base{max-width:860px;margin:23px auto 0}
.tracking-base-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tracking-base-actions button{min-height:51px}
.tracking-base-actions button:disabled{cursor:default;opacity:.78;box-shadow:inset 0 1px #fff6e2,0 0 10px #e2a62b36;filter:none}
.tracking-base-actions span{color:#bfc0c7;font-size:12px}
@media(max-width:720px){.tracking-base-actions{align-items:stretch;flex-direction:column}.tracking-base-actions span{text-align:center}}


/* V-MACHINE SIGNATURE CHROME — derived from src/signature-chrome.css */
:root{
  --signature-gold:#ffe027;
  --signature-gold-light:#fff5a5;
  --signature-orange:#ff9500;
  --signature-chrome-gradient:linear-gradient(180deg,#fff 0%,#f5f8ff 17%,#909da9 43%,#fff 57%,#c6cdd8 79%,#f7faff 100%);
  --signature-yellow-gradient:linear-gradient(180deg,#fff8bd 0%,#ffe85d 24%,#ffc01a 53%,#f29406 76%,#ffe67b 100%);
  --signature-edge-gradient:linear-gradient(126deg,#fff8c5 0%,#ffa51d 18%,#ffe7a0 40%,#b56b1c 72%,#fff1b3 100%);
  --signature-panel-gradient:linear-gradient(148deg,#27272a 0%,#101115 26%,#030508 56%,#201307 100%);
}
body{
  color:#f7f8ff;
  font-family:Arial,"Segoe UI",sans-serif;
  background:
    radial-gradient(ellipse at 55% 4%,#b45c1d7a 0%,transparent 41%),
    radial-gradient(ellipse at 91% 74%,#7134084f 0%,transparent 46%),
    radial-gradient(ellipse at 7% 65%,#7d480b40 0%,transparent 43%),
    #030405;
}
.announcement{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 22px;
  font-size:clamp(11px,1.13vw,14px);
  font-weight:1000;
  letter-spacing:.07em;
  background:linear-gradient(180deg,#fff976 0%,#ffd50f 42%,#ffb912 72%,#ffec42 100%);
  border-bottom:2px solid #955200;
  color:#090703;
  box-shadow:0 3px 21px #ffa5008e,inset 0 1px #fff7af;
}
.announcement span{color:#070503;margin-inline:15px}
.site-header{
  box-sizing:border-box;
  max-width:none;
  width:100%;
  min-height:103px;
  padding:19px max(24px,calc((100% - 1280px)/2));
  background:radial-gradient(ellipse at 55% -12%,#55482e77,transparent 62%),
    linear-gradient(180deg,#1a1c20 0%,#040506 50%,#000 95%);
  border-bottom:3px solid #ff9b00;
  box-shadow:0 2px 0 #fff3a2bb,0 6px 25px #ff8000a1;
}
.brand{gap:15px}
.brand-icon{
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  width:72px;
  height:72px;
  border:3px solid #ffe7aa;
  border-radius:50%;
  color:transparent;
  font-size:46px;
  line-height:1;
  font-style:italic;
  font-weight:1000;
  background:
    linear-gradient(#fff8c1,#ffc322 32%,#d17603 52%,#ffe98a 86%) text,
    radial-gradient(circle at 31% 22%,#8d601f,#020305 68%);
  background-clip:text,padding-box;
  box-shadow:inset 0 0 0 5px #090a0d,inset 0 2px 4px #fff7c699,0 0 24px #ffa30dc2,0 9px 18px #000b;
  filter:drop-shadow(0 0 8px #ffb52a8f);
}
.brand strong{
  display:block;
  font-size:clamp(27px,3.3vw,42px);
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.065em;
  background:var(--signature-chrome-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 5px #ffffff48);
}
.brand small{
  display:inline-block;
  padding:0 0 5px;
  margin-top:4px;
  border-bottom:2px solid #ffc62a;
  color:#f5f5f7;
  letter-spacing:.21em;
  font-size:10px;
}
.header-pill{
  border:2px solid #ffcf48;
  border-radius:50px;
  padding:12px 20px;
  background:linear-gradient(170deg,#34302b,#08090c 74%);
  color:#ffe8aa;
  font-size:12px;
  letter-spacing:.04em;
  font-weight:950;
  box-shadow:inset 0 1px #fff2c299,0 0 16px #f99e248c;
}
main{max-width:1160px;padding:34px 22px 85px}
.hero{
  min-height:415px;
  border:3px solid transparent;
  border-radius:26px;
  padding:46px clamp(22px,5vw,64px) 43px;
  background:
    linear-gradient(153deg,#ffffff1d 0%,#ffffff08 17%,transparent 41%) padding-box,
    radial-gradient(ellipse at 58% 65%,#a75a1f58,transparent 55%) padding-box,
    var(--signature-panel-gradient) padding-box,
    var(--signature-edge-gradient) border-box;
  box-shadow:0 0 0 1px #ffdc726b,inset 0 2px 3px #fff4cf9c,0 0 29px #ff9700b8,0 17px 27px #000d;
  isolation:isolate;
}
.hero::before{
  z-index:-1;
  background:
    radial-gradient(ellipse at 50% 48%,#e89e1d26,transparent 47%),
    linear-gradient(115deg,#fff6d00c,transparent 43%);
}
.hero-kicker{
  color:#ffdb58;
  font-size:clamp(10px,1.25vw,13px);
  font-weight:950;
  letter-spacing:.13em;
  text-shadow:0 0 11px #ffa219a3;
}
.hero-symbol{
  margin:23px auto 19px;
  width:120px;
  height:120px;
  border:3px solid #fff2b3;
  background:
    radial-gradient(circle at 28% 18%,#73502c 0%,#202128 42%,#06080b 81%);
  box-shadow:inset 0 2px 3px #fff3bead,inset 0 0 0 6px #15120c,0 0 25px #ffab14c7,0 9px 19px #000b;
}
.hero-symbol svg{
  width:68px;
  height:68px;
  color:#ffe788;
  filter:drop-shadow(0 0 9px #ffa800);
}
.hero h1{
  font-size:clamp(62px,9.3vw,108px);
  font-weight:1000;
  font-family:Arial,"Segoe UI",sans-serif;
  font-style:italic;
  letter-spacing:-.065em;
  line-height:1.02;
  margin:5px auto 21px;
  background:var(--signature-chrome-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 2px #000) drop-shadow(0 0 7px #ffffff2c);
}
.hero h1 em{
  font-style:italic;
  background:linear-gradient(#fff9c5,#ffdb27 35%,#f78d07 57%,#ffe78a 86%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 13px #ff9b13c9);
}
.hero p{
  color:#e5e7ee;
  font-size:clamp(14px,1.7vw,18px);
  font-weight:500;
  line-height:1.55;
  text-shadow:0 2px 4px #000;
}
.search-panel{
  position:relative;
  border:3px solid transparent;
  border-radius:22px;
  padding:32px clamp(22px,4vw,44px);
  background:
    linear-gradient(153deg,#ffffff1e,transparent 42%) padding-box,
    linear-gradient(130deg,#28282c,#0a0c10 57%,#2c1a0b) padding-box,
    var(--signature-edge-gradient) border-box;
  box-shadow:0 0 0 1px #ffc44c85,inset 0 2px 3px #fff2ca8f,0 0 23px #ffa10c9c,0 11px 24px #000a;
}
.mini-kicker{
  color:#ffdb58;
  font-weight:950;
  font-size:11px;
  letter-spacing:.13em;
  text-shadow:0 0 11px #ffa219a3;
}
.search-panel h2{
  color:transparent;
  background:var(--signature-chrome-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(25px,3.25vw,39px);
  font-weight:1000;
  letter-spacing:-.045em;
  filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 6px #fff4bd30);
}
.search-panel p{
  color:#dfe1e9;
  font-size:clamp(13px,1.3vw,15px);
  line-height:1.6;
}
.tracking-base-actions{margin-top:16px;gap:21px}
.tracking-base-actions button,
.tracking-base-actions button:disabled{
  min-height:55px;
  padding:12px 29px;
  border:2px solid #fff5ab;
  border-radius:27px;
  color:#0b0802;
  background:var(--signature-yellow-gradient);
  box-shadow:inset 0 2px 2px #fff8cc,0 0 20px #ffa000b1,0 8px 16px #000a;
  text-shadow:0 1px 0 #fff3a576;
  font-weight:1000;
  font-size:13px;
  letter-spacing:.035em;
  opacity:1;
  cursor:not-allowed;
}
.tracking-base-actions span{color:#f0d7a1;font-weight:750}
footer{
  color:#e1e3eb;
  border-top:3px solid #ffbf28;
  background:radial-gradient(ellipse at 50% 0%,#8b4a0b6a,transparent 65%),linear-gradient(180deg,#25221f,#060709 68%,#020304);
  box-shadow:inset 0 2px #fff5b5b0,0 -6px 25px #ff9a0596;
}
@media(max-width:720px){
 .site-header{min-height:86px;padding:12px 16px}
 .brand-icon{width:56px;height:56px;font-size:34px}
 .brand strong{font-size:clamp(23px,5vw,29px)}
 .brand small{font-size:8px}
 main{padding:20px 12px 58px}
 .hero{min-height:auto;padding:34px 20px}
 .hero-symbol{width:96px;height:96px}
 .hero-symbol svg{width:54px;height:54px}
 .hero h1{font-size:clamp(51px,13vw,75px)}
 .search-panel{padding:25px 20px}
 .tracking-base-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important}
}


/* Identidade oficial: mesmo arquivo de logo usado no checkout e na loja. */
.brand-icon{overflow:hidden;padding:0;background:radial-gradient(circle at 38% 24%,#6b4a13,#06080a 74%);background-clip:padding-box;}
.brand-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;filter:saturate(1.2) contrast(1.06) drop-shadow(0 0 3px #ffcb4b);}
.hero-symbol{overflow:hidden;padding:0;}
.hero-symbol img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(1.14) contrast(1.09) drop-shadow(0 0 4px #ffce3f);}


/* V-MACHINE RASTREIO — POLIMENTO CROMADO 3D v2 (somente visual) */
/* Alinhado aos acabamentos aprovados em src/chrome-home.css.
   Preserva a página estática: não altera links, campos, pedidos ou APIs. */
body{
  background:
    radial-gradient(ellipse at 51% 14%,#aa521e5a 0%,transparent 43%),
    radial-gradient(ellipse at 14% 70%,#67360e40 0%,transparent 42%),
    radial-gradient(ellipse at 87% 57%,#8d470d38 0%,transparent 46%),
    linear-gradient(145deg,#111014 0%,#030406 35%,#090705 68%,#030405 100%);
}
.announcement{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#fffbb7 0%,#ffef60 20%,#ffd215 48%,#f9a503 74%,#ffea67 100%);
  border-bottom-color:#bd7300;
  box-shadow:inset 0 1px 1px #fffefa,0 4px 22px #ffa5009c,0 2px 0 #392000;
}
.site-header{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 48% -25%,#7a604052,transparent 58%),
    linear-gradient(180deg,#24252a 0%,#090b0d 36%,#010203 76%,#120c07 100%);
  border-bottom:3px solid #ffb019;
  box-shadow:inset 0 2px #ffffff34,0 2px 0 #fff4a8b0,0 8px 28px #ff8e00a1;
}
.site-header::after{
  content:"";position:absolute;pointer-events:none;
  inset:0 0 auto; height:2px;
  background:linear-gradient(90deg,transparent 1%,#c3b8a78c 27%,#fff4d5d9 49%,#bd8d4e8a 72%,transparent 98%);
}
.brand-icon{
  border-color:#fff1bb;
  box-shadow:inset 0 2px 3px #fff9daa8,0 0 3px 1px #fff8e0,0 0 23px #ffa00dd1,0 10px 20px #000c;
}
.brand strong{
  background:linear-gradient(180deg,#fff 1%,#f9fcff 15%,#808a98 39%,#f9fdff 53%,#8f9aa9 68%,#f9fbff 84%,#9da4ae 100%);
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 1px #000) drop-shadow(0 0 6px #eef6ff45);
}
.header-pill{
  border-color:#ffe7a0;
  background:linear-gradient(170deg,#393333,#0a0b10 48%,#211408);
  box-shadow:inset 0 2px 2px #fff3cda1,0 0 20px #ff9e14b7,0 6px 11px #0009;
}
main{max-width:1160px;padding-top:30px;padding-bottom:70px}
.hero{
  min-height:386px;
  padding-block:36px 39px;
  border-radius:25px;
  background:
    linear-gradient(154deg,#f7faff21 0%,#e9f1ff08 17%,transparent 37%) padding-box,
    radial-gradient(ellipse at 53% 80%,#a54d0f7b 0%,transparent 59%) padding-box,
    linear-gradient(131deg,#353337 0%,#12141a 29%,#030508 56%,#251306 100%) padding-box,
    linear-gradient(130deg,#fffaca 0%,#b36b15 17%,#fff5c6 39%,#d28713 70%,#fff3c4 100%) border-box;
  box-shadow:
    0 0 0 1px #ffc34d88,inset 0 2px 3px #fffdf2a1,
    inset 0 -3px 8px #2f160aaf,0 0 27px #ffa10cc4,0 18px 36px #000c;
}
.hero::before{
  z-index:0;
  background:
    linear-gradient(116deg,#ffffff24 0%,#fff6cb09 19%,transparent 34%,transparent 68%,#fb9d1714 100%),
    radial-gradient(ellipse at 52% 52%,#ffc24e14,transparent 62%);
}
.hero::after{
  content:"";pointer-events:none;position:absolute;z-index:0;
  left:5%;right:5%;top:2px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#fff0c8a1 30%,#ffffffd9 50%,#ffdd9f8a 70%,transparent);
  box-shadow:0 0 13px #fff3d178;
}
.hero>*{position:relative;z-index:1}
.hero-kicker{color:#ffea83;text-shadow:0 0 9px #ffa81b96}
.hero-symbol{
  width:108px;height:108px;margin:20px auto 15px;
  border-color:#fff6c0;
  background:radial-gradient(circle at 28% 20%,#775633,#090b11 72%);
  box-shadow:
    inset 0 2px 3px #fffbe7d9,inset 0 0 0 6px #18140f,
    0 0 0 1px #c57d21,0 0 24px #ffc12bcc,0 0 50px #cc630a5e,0 10px 16px #000c;
}
.hero-symbol img{filter:saturate(1.22) contrast(1.12) drop-shadow(0 0 7px #ffbc2d)}
.hero h1{
  margin:8px auto 14px;
  font-size:clamp(60px,8.5vw,107px);
  line-height:1.04;
  filter:drop-shadow(0 4px 1px #000) drop-shadow(0 0 8px #fff9dc2a);
}
.hero h1 em{
  background:linear-gradient(180deg,#fff8d6 0%,#ffed66 15%,#ffbc09 35%,#c87406 50%,#ffd438 64%,#fff4a8 81%,#e58a08 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #874306d9) drop-shadow(0 0 16px #ffab19b5);
}
.hero p{color:#f0f1f5;text-shadow:0 2px 4px #000d}
.tracking-base{
  max-width:none;
  margin-top:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:26px;
  min-height:198px;
}
.search-panel{
  border-radius:22px;
  background:
    linear-gradient(152deg,#fffefa1b 0%,transparent 34%) padding-box,
    radial-gradient(ellipse at 100% 97%,#85401355,transparent 67%) padding-box,
    linear-gradient(133deg,#33343a 0%,#101117 45%,#080a0e 74%,#291708 100%) padding-box,
    linear-gradient(134deg,#fff6cc 0%,#aa6717 21%,#fff3bb 48%,#be6c16 73%,#fff2c2 100%) border-box;
  box-shadow:0 0 0 1px #ffe09c76,inset 0 2px 3px #fffad3a6,0 0 24px #ffa316aa,0 14px 26px #000c;
}
.search-panel::before{
  content:"";position:absolute;pointer-events:none;
  left:7%;right:7%;top:2px;height:1px;
  background:linear-gradient(90deg,transparent,#fff7e5ba 50%,transparent);
}
.search-panel h2{
  margin-top:7px;
  font-style:italic;
  background:linear-gradient(180deg,#fff 0%,#edf3ff 21%,#858f9c 43%,#fff 55%,#a8b3c1 73%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 9px #fff9cb2f);
}
.panel-title p{margin-bottom:0}
.tracking-base-actions{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:0}
.tracking-base-actions button,
.tracking-base-actions button:disabled{
  min-height:56px;padding-inline:27px;
  background:linear-gradient(180deg,#fffac9 0%,#ffeb75 20%,#ffd027 44%,#e98a00 72%,#ffdf69 100%);
  border-color:#fff8cb;
  box-shadow:inset 0 2px 3px #fff8dc,0 0 20px #ffab15ce,0 8px 14px #000a;
  font-size:12px;
  letter-spacing:.04em;
  opacity:1;
  cursor:not-allowed;
  filter:none;
}
.tracking-base-actions span{color:#f0d9ad;font-size:11px}
footer{
  background:radial-gradient(ellipse at 50% 0%,#a75b144d,transparent 72%),linear-gradient(180deg,#242328,#0b0b0e 50%,#020304);
  box-shadow:inset 0 2px #fff5b5b0,0 -6px 25px #ff9a0596;
}
@media(max-width:800px){
  .tracking-base{grid-template-columns:1fr;gap:20px}
  .tracking-base-actions{align-items:flex-start}
  .tracking-base-actions button{min-width:210px}
}
@media(max-width:720px){
  main{padding-top:20px}
  .hero{min-height:auto;padding:30px 18px 32px}
  .hero-symbol{width:95px;height:95px}
  .hero h1{font-size:clamp(49px,12.5vw,76px)}
  .tracking-base{min-height:auto}
  .tracking-base-actions{align-items:stretch}
  .tracking-base-actions button{width:100%}
  .tracking-base-actions span{text-align:center}
}


/* V-MACHINE — CENTRAL DE RASTREIO INFORMATIVA v1 */
.tracking-base{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  align-items:stretch;
  padding:33px clamp(20px,4vw,44px);
}
.tracking-base .panel-title p{
  max-width:780px;
  color:#e6e7ec;
  line-height:1.6;
}
.tracking-lookup{
  display:grid;
  gap:11px;
  padding:21px clamp(16px,2.8vw,27px);
  border:1px solid #bd88415e;
  border-radius:17px;
  background:linear-gradient(135deg,#06080cb8 0%,#161213bd 70%,#27170991 100%);
  box-shadow:inset 0 1px 2px #fff6dd24,0 8px 22px #0007;
}
.tracking-lookup label{
  color:#ffe7ad;
  letter-spacing:.025em;
  font-size:13px;
  font-weight:950;
  margin:0;
}
.tracking-lookup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center}
.tracking-lookup input:disabled{
  width:100%;height:56px;
  padding:13px 18px;
  border:2px solid #c78d33;
  border-radius:14px;
  opacity:1;
  color:#f5f5fa;
  background:linear-gradient(180deg,#222329 0%,#090a0d 53%,#07080b 100%);
  -webkit-text-fill-color:#f2f2f8;
  box-shadow:inset 0 3px 12px #000c,0 0 12px #ffac141c;
  cursor:default;
  text-transform:uppercase;
  font-family:ui-monospace,"Consolas",monospace;
  font-size:clamp(14px,1.7vw,18px);
  letter-spacing:.085em;
}
.tracking-lookup input:disabled::placeholder{color:#d4c6a9;opacity:1;-webkit-text-fill-color:#d4c6a9}
.tracking-lookup button:disabled{
  min-height:56px;min-width:195px;
  padding:12px 23px;
  border:2px solid #fff2b4;
  border-radius:15px;
  background:linear-gradient(180deg,#fff9cf,#ffe66c 22%,#ffc32a 52%,#e58c03 80%,#ffe387);
  box-shadow:inset 0 2px 3px #fff6d3,0 0 16px #ffa61596,0 8px 14px #0008;
  color:#151008;
  text-shadow:0 1px #fff2a9;
  font-size:12px;
  font-weight:1000;
  cursor:not-allowed;
  opacity:1;
  filter:none;
}
.tracking-lookup-note{
  margin:0!important;
  font-size:11px!important;
  color:#cfc6b7!important;
  line-height:1.5!important;
}
.steps-section{margin:32px 0 0}
.steps-heading{text-align:center;max-width:840px;margin:0 auto 20px}
.steps-heading h2,.assistance-panel h2{
  margin:9px 0 8px;
  background:linear-gradient(180deg,#fff 0%,#eef3ff 27%,#7e8997 48%,#fff 59%,#aeb8c7 80%,#f7faff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  font-style:italic;
  font-weight:1000;
  letter-spacing:-.045em;
  filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 5px #fff8db35);
}
.steps-heading h2{font-size:clamp(25px,3.2vw,39px)}
.steps-heading p{font-size:14px;color:#d2d5df;line-height:1.55;margin:0}
.tracking-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tracking-step{
  min-width:0;
  padding:22px clamp(16px,2vw,27px) 25px;
  border:2px solid transparent;
  border-radius:21px;
  background:
    linear-gradient(145deg,#ffffff15 0%,transparent 39%) padding-box,
    linear-gradient(130deg,#2a2b30 0%,#0b0d12 63%,#241607 100%) padding-box,
    linear-gradient(135deg,#fff2bf 0%,#b46d17 26%,#ffdb91 48%,#9d6024 78%,#ffe8a6 100%) border-box;
  box-shadow:inset 0 2px #fff8d16e,0 0 15px #ffa10c77,0 12px 23px #000b;
}
.tracking-step-number{
  display:grid;place-items:center;
  width:50px;height:50px;
  border:2px solid #ffe7a4;
  border-radius:50%;
  background:linear-gradient(145deg,#60431f,#111116 60%,#2b1908);
  color:#ffdd60;
  box-shadow:inset 0 1px #fff7d36e,0 0 13px #ffa91a8f;
  font-size:17px;font-weight:1000;
}
.tracking-step h3{font-size:17px;color:#ffe0a0;margin:17px 0 9px;font-weight:950;letter-spacing:-.01em}
.tracking-step p{font-size:13px;color:#e1e2eb;margin:0;line-height:1.65}
.assistance-panel{
  position:relative;
  display:flex;gap:28px;align-items:center;justify-content:space-between;
  margin-top:27px;
  padding:27px clamp(20px,3vw,36px);
  border:2px solid transparent;
  border-radius:21px;
  background:
    linear-gradient(145deg,#ffffff13,transparent 39%) padding-box,
    linear-gradient(125deg,#2c2829,#090b10 57%,#211407) padding-box,
    linear-gradient(126deg,#fff4c9,#a56b20 23%,#ffe0a1 49%,#995b1e 76%,#fff2c0) border-box;
  box-shadow:inset 0 2px #fff7d174,0 0 18px #ffa10c84,0 12px 23px #000a;
}
.assistance-panel h2{font-size:clamp(23px,2.65vw,33px)}
.assistance-panel p{font-size:13px;color:#dfe1e7;line-height:1.6;margin:0;max-width:740px}
.assistance-chip{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:43px;padding:10px 18px;
  border:2px solid #e8c36f;
  border-radius:25px;
  color:#ffe5a5;
  background:linear-gradient(145deg,#2f2822,#090a0e 70%);
  box-shadow:inset 0 1px #fff8db4d,0 0 12px #e99d1d6e;
  font-size:10px;font-weight:950;letter-spacing:.025em;
  text-align:center;
}
@media(max-width:880px){
  .tracking-steps{gap:13px}
  .tracking-step{padding:20px 16px}
  .assistance-panel{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(max-width:720px){
  .tracking-base{gap:17px;padding:24px 18px}
  .tracking-lookup{padding:18px 15px}
  .tracking-lookup-row{grid-template-columns:minmax(0,1fr)}
  .tracking-lookup button:disabled{width:100%;min-width:0}
  .steps-section{margin-top:25px}
  .tracking-steps{grid-template-columns:1fr;gap:13px}
  .tracking-step{padding:19px 20px}
  .tracking-step h3{margin-top:13px}
  .assistance-panel{padding:23px 19px}
}


/* Linha do tempo de simulação SR (sem consulta real ou APIs). */
.tracking-lookup input:not(:disabled){height:56px;width:100%;border:2px solid #ffc349;border-radius:14px;padding:13px 18px;
  background:linear-gradient(#202228,#08090d);color:#fff;box-shadow:inset 0 4px 12px #000b;
  font:900 clamp(15px,1.8vw,19px) Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}
.tracking-lookup input:not(:disabled)::placeholder{color:#c5b9a2;opacity:.83}
.tracking-lookup button:not(:disabled){min-width:195px;min-height:56px;border:2px solid #fff5bb;border-radius:15px;
  padding:12px 20px;background:linear-gradient(#fff8c5,#ffe468 21%,#ffc22c 55%,#e68a04 82%,#ffe178);
  color:#140e05;font-size:12px;font-weight:1000;cursor:pointer;opacity:1;
  box-shadow:inset 0 2px #fff7d5,0 0 18px #ffa81aac,0 8px 13px #0008}
.tracking-lookup button:not(:disabled):hover{filter:brightness(1.08)}
.tracking-result[hidden],.tracking-result [hidden]{display:none!important}
.tracking-result{margin-top:20px;padding:26px clamp(17px,3.2vw,34px);border:2px solid #ffe6ae;border-radius:21px;
  background:linear-gradient(130deg,#313036,#101116 58%,#291709);box-shadow:inset 0 2px #fff5c89a,0 0 25px #ffa412b4,0 14px 28px #000c}
.simulation-banner{border:1px solid #ffca67;border-radius:12px;padding:13px 15px;margin-bottom:20px;
  background:linear-gradient(120deg,#5c3215,#221908 70%);color:#fff0bc;font-size:12px;font-weight:950;line-height:1.55}
.tracking-result h3{font-size:clamp(24px,3.3vw,36px);color:#ffe5a8;font-style:italic;margin:8px 0 10px}
.tracking-result p{color:#e4e5ed;font-size:13px;line-height:1.6}
.tracking-test-code{margin:15px 0}
.tracking-test-code strong{color:#ffe37f;font:900 clamp(18px,2.3vw,25px) Consolas,monospace;word-break:break-word}
.tracking-demo-controls{display:grid;gap:10px;max-width:630px;margin:20px 0}
.tracking-demo-controls label{color:#ffe1a0;font-size:13px;font-weight:900}
.tracking-demo-controls select{width:100%;min-height:49px;padding:11px 14px;
  background:#14161c;color:#fff;border:2px solid #e1ac51;border-radius:11px;font-size:13px}
.tracking-timeline{display:grid;gap:10px;list-style:none;padding:0;margin:18px 0}
.timeline-item{display:flex;gap:16px;align-items:flex-start;border:1px solid #99713e99;border-radius:14px;
  padding:13px 16px;background:linear-gradient(135deg,#15161b,#0a0b10);color:#d5d5dc}
.timeline-step{display:grid;place-items:center;flex:none;width:43px;height:43px;border:2px solid #8d6e43;
  border-radius:50%;background:linear-gradient(#39301d,#0d0e12);color:#cbb689;font-weight:950}
.timeline-item strong{display:block;color:#e2e5ec;font-size:14px;margin:3px 0 6px}
.timeline-item small{display:block;font-size:11px;line-height:1.5;color:#b7b5b7}
.timeline-current{border:2px solid #fff0bd;background:linear-gradient(135deg,#493221,#191519 75%);
  box-shadow:inset 0 1px #fff6d274,0 0 18px #ffae23a1}
.timeline-current strong{color:#fff2c5;font-size:15px}
.timeline-current .timeline-step{color:#171006;border-color:#fff6be;
  background:linear-gradient(#fff6b0,#ffd02e 54%,#f09a0a);box-shadow:0 0 14px #ffaf22c2}
.timeline-past .timeline-step{color:#ffe5a7;border-color:#dfac54}
.tracking-demo-disclaimer{margin:16px 0 0!important;font-size:11px!important;color:#cfc1aa!important;line-height:1.6!important}
@media(max-width:720px){.tracking-lookup-row{grid-template-columns:1fr}.tracking-lookup button:not(:disabled){width:100%;min-width:0}
  .tracking-result{padding:19px 16px}.timeline-item{gap:11px;padding:12px}}


/* RASTREIO V-MACHINE — TRILHO CROMADO COM CARTÕES DE ETAPAS v2 */
/* Design puramente visual, usado tanto na simulação quanto nas etapas confirmadas
   futuramente. Nenhuma etapa é considerada real por esta folha de estilos. */
.tracking-progress{margin:25px 0 23px;padding:19px 20px 20px;
  border:1px solid #e1b964a8;border-radius:17px;
  background:linear-gradient(145deg,#343039,#101117 57%,#251807);
  box-shadow:inset 0 1px #fff9d17a,0 8px 23px #0009,0 0 17px #faac184d}
.tracking-progress-label{display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:14px;color:#ffde93;font-size:11px;font-weight:950;letter-spacing:.07em}
.tracking-progress-label strong{color:#fff6ce;white-space:nowrap;font-size:12px}
.tracking-progress-track{height:13px;overflow:hidden;border-radius:999px;border:1px solid #bd8736;
  background:linear-gradient(#06070a,#1a1b20);
  box-shadow:inset 0 2px 6px #000e,0 1px #fff1a02e}
.tracking-progress-track span{display:block;width:16.67%;height:100%;border-radius:999px;
  background:linear-gradient(180deg,#fff9d1,#fff186 15%,#ffe12d 46%,#e99202 77%,#ffcf2c);
  box-shadow:inset 0 1px #fffcee,0 0 15px #ffb522cc,0 0 4px #fff8ba;
  transition:width .6s cubic-bezier(.16,1,.3,1)}
.tracking-timeline{position:relative;isolation:isolate;display:grid;gap:13px;
  padding:0 0 0 23px;margin:18px 0 23px}
.tracking-timeline::before{content:"";position:absolute;z-index:-1;left:9px;top:24px;bottom:23px;width:5px;
  border-radius:10px;border:1px solid #85622e;
  background:linear-gradient(90deg,#27201a,#0b0a09 45%,#47351d);
  box-shadow:inset 0 0 4px #000,0 0 9px #7c4c1680}
.timeline-item{position:relative;display:flex;align-items:center;gap:17px;min-height:84px;
  padding:17px 19px;border:2px solid #6b5c49;border-radius:17px;
  background:linear-gradient(133deg,#191b20,#090b0f 71%,#20170e);
  box-shadow:inset 0 1px #ffffff12,0 5px 15px #0008;
  transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}
.timeline-item::before{content:"";position:absolute;left:-24px;top:calc(50% - 6px);
  width:12px;height:12px;border:2px solid #736548;border-radius:50%;
  background:#171717;box-shadow:0 0 0 3px #08090d;z-index:1}
.timeline-item>div{flex:1;min-width:0}
.timeline-step{width:50px;height:50px;border-radius:15px;flex:none;border:2px solid #a68b55;
  background:linear-gradient(145deg,#33312c,#121419 72%);
  box-shadow:inset 0 1px #fff7c71c,0 4px 9px #0009;
  color:#d4c1a1;font-size:16px;font-weight:1000}
.timeline-item strong{color:#e1e2e8;font-size:clamp(14px,1.4vw,17px);line-height:1.3}
.timeline-item small{font-size:11px;color:#bcb9b8;margin-top:6px}
.timeline-badge{margin-left:auto;flex:none;align-self:center;max-width:140px;
  padding:9px 12px;border:1px solid #76684b;border-radius:999px;
  background:#14151a;color:#c5b9a0;font-size:10px;font-weight:950;letter-spacing:.035em;text-align:center}
.timeline-past{
  border-color:#bb944e;
  background:
    linear-gradient(120deg,#ffffff0d,transparent 35%) padding-box,
    linear-gradient(115deg,#302920,#15161a 54%,#22170d) padding-box;
  box-shadow:inset 3px 0 #d5aa58,inset 0 1px #fff0b035,0 0 12px #ffa81a44,0 8px 19px #0008}
.timeline-past::before{border-color:#fff1ba;background:#ffcf38;box-shadow:0 0 0 3px #16110b,0 0 14px #ffb627bc}
.timeline-past .timeline-step{border-color:#f7cc73;color:#120d05;
  background:linear-gradient(155deg,#fff5c0,#ffdf54 42%,#d7880b);
  box-shadow:inset 0 1px #fffde0,0 0 11px #ffc02677;font-size:25px}
.timeline-past strong{color:#fff0c9}
.timeline-past .timeline-badge{border-color:#c9a361;color:#ffe6a3;background:linear-gradient(#29251f,#0c0d10)}
.timeline-current{
  border:3px solid transparent;
  transform:translateX(3px);
  background:
    linear-gradient(116deg,#ffffff18,transparent 40%) padding-box,
    linear-gradient(125deg,#51402c,#1e1d22 43%,#31200d) padding-box,
    linear-gradient(130deg,#fffbea,#ffc243 28%,#fff5c2 51%,#bd741a 79%,#fff7c7) border-box;
  box-shadow:inset 5px 0 #ffe347,inset 0 2px #fffce68f,0 0 0 1px #ffc5276b,
    0 0 22px #ffad21aa,0 0 40px #ff970047,0 14px 26px #000c}
.timeline-current::before{width:15px;height:15px;left:-26px;top:calc(50% - 8px);
  border-color:#fffbea;background:#ffe028;
  box-shadow:0 0 0 4px #170f05,0 0 9px #fff0a9,0 0 22px #ffae18}
.timeline-current .timeline-step{border-color:#fff8cc;color:#140b01;
  background:linear-gradient(165deg,#fffde9 0%,#ffed67 25%,#ffbd09 60%,#df8603 85%,#ffeb8a);
  box-shadow:inset 0 2px #fff9d9,0 0 17px #ffc227b8;font-size:18px}
.timeline-current strong{font-size:clamp(16px,1.6vw,19px);color:#fff8d9;text-shadow:0 0 12px #ffc45c77}
.timeline-current small{color:#eee0cb}
.timeline-current .timeline-badge{color:#161007;border:1px solid #fff5b6;
  background:linear-gradient(#fff9c3,#ffe05b 49%,#f0a711);
  box-shadow:inset 0 1px #fff,0 0 14px #ffb21a9e}
@media(max-width:690px){
  .tracking-progress{padding:15px}
  .tracking-progress-label{flex-wrap:wrap;gap:6px;font-size:10px}
  .tracking-timeline{gap:11px;padding-left:19px}
  .tracking-timeline::before{left:7px}
  .timeline-item{gap:10px;min-height:78px;padding:12px 11px}
  .timeline-item::before{left:-20px}
  .timeline-current{transform:none}
  .timeline-current::before{left:-22px}
  .timeline-step{width:42px;height:42px;border-radius:13px;font-size:14px}
  .timeline-badge{display:none}
}
@media(prefers-reduced-motion:reduce){
  .tracking-progress-track span,.timeline-item{transition:none}
}


/* RASTREIO — ajuste mobile da frase original abaixo do título */
@media(max-width:720px){
  .hero p{
    font-size:clamp(8px,calc(3.57vw - 2.5px),13px);
    white-space:nowrap;
    letter-spacing:-.08px;
    max-width:100%;
    line-height:1.5;
  }
}