.rastreo{--container: 820px}header.top{background:var(--ink);color:var(--sobre-marca);border-bottom:5px solid var(--amarillo)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.1rem}.brand{font-weight:800;font-size:1.15rem;line-height:1;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem}.brand .del{color:var(--celeste)}.brand .sur{color:var(--amarillo)}.brand-logo{height:36px;width:auto;display:block}.brand:has(.brand-logo) .brand-text{display:none}.back{font-family:var(--mono);font-size:.78rem;color:#ffffffb3;text-decoration:none}.back:hover{color:var(--sobre-marca)}.hero{background:linear-gradient(180deg,var(--ink),var(--ink-medio));color:var(--sobre-marca);padding-block:clamp(2.2rem,1.5rem + 3vw,3.6rem)}.hero .eyebrow{color:var(--celeste)}.hero h1{font-size:clamp(1.7rem,1.3rem + 2vw,2.6rem);font-weight:800;margin-top:.6rem}.hero p{color:#ffffffc7;margin:.5rem 0 0;max-width:52ch}form.tracker{margin-top:1.6rem;display:flex;gap:.6rem;flex-wrap:wrap}form.tracker input{flex:1;min-width:min(100%,260px);font-family:var(--mono);font-size:1rem;padding:.95rem 1.1rem;border-radius:12px;border:2px solid transparent;background:var(--surface);color:var(--ink)}form.tracker input::placeholder{color:var(--ink-faint);text-transform:none}form.tracker input:focus{border-color:var(--celeste)}form.tracker button{font-family:var(--font);font-weight:700;font-size:1rem;padding:.95rem 1.7rem;border-radius:12px;border:none;background:var(--amarillo);color:var(--ink);cursor:pointer;transition:background .15s ease,transform .1s ease}form.tracker button:hover{background:var(--amarillo-hover)}form.tracker button:active{transform:translateY(1px)}form.tracker button[disabled]{opacity:.6;cursor:progress}main{padding-block:clamp(1.6rem,1rem + 2vw,2.8rem) 4rem}.state{background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;padding:2rem;text-align:center;color:var(--ink-soft)}.state h2{color:var(--ink);font-size:1.15rem;margin-bottom:.4rem}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--royal);margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.result-head{background:var(--surface);border:1px solid var(--line-soft);border-radius:16px 16px 0 0;padding:1.5rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-start;justify-content:space-between;border-bottom:none}.rh-track{font-family:var(--mono);font-size:.78rem;color:var(--ink-faint);letter-spacing:.02em}.rh-code{font-family:var(--mono);font-size:1.05rem;font-weight:600;color:var(--ink);word-break:break-all}.pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.8rem;font-weight:700;padding:.5rem 1rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.pill:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.pill.s0,.pill.s1{background:var(--celeste-16);color:var(--info-ink)}.pill.s2{background:var(--royal-06);color:var(--royal)}.pill.s3{background:var(--amarillo-22);color:var(--aviso-ink)}.pill.s4{background:var(--ok-14);color:var(--ok)}.pill.sx{background:var(--paper-deep);color:var(--ink-soft)}.meta-row{background:var(--surface);border:1px solid var(--line-soft);border-top:1px dashed var(--line);padding:1.1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.meta-row .m .k{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.meta-row .m .v{font-weight:600;margin-top:.2rem;font-size:.95rem}.stepper{background:var(--surface);border:1px solid var(--line-soft);border-top:none;padding:1.6rem 1.5rem}.steps{display:flex;gap:0;position:relative}.step{flex:1;text-align:center;position:relative;padding-top:3.1rem}.step .dot{position:absolute;top:0;left:50%;transform:translate(-50%);width:2.3rem;height:2.3rem;border-radius:50%;background:var(--paper-deep);border:2px solid var(--line);z-index:2;display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}.step .dot svg{width:1.15rem;height:1.15rem}.step .bar{position:absolute;top:1.05rem;left:-50%;width:100%;height:3px;background:var(--line);z-index:1}.step:first-child .bar{display:none}.step .lbl{font-size:.72rem;color:var(--ink-faint);font-weight:600;line-height:1.25;padding-inline:.2rem}.step.done .dot{background:var(--royal);border-color:var(--royal);color:var(--sobre-marca)}.step.done .bar{background:var(--royal)}.step.current .dot{background:var(--amarillo);border-color:var(--amarillo);color:var(--ink);box-shadow:0 0 0 5px var(--amarillo-22)}.step.done .lbl,.step.current .lbl{color:var(--ink)}.timeline{background:var(--surface);border:1px solid var(--line-soft);border-top:1px dashed var(--line);border-radius:0 0 16px 16px;padding:1.6rem 1.5rem}.timeline h3{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600;margin-bottom:1rem}.tl-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;position:relative;padding-bottom:1.2rem}.tl-item:last-child{padding-bottom:0}.tl-node{position:relative;display:flex;flex-direction:column;align-items:center}.tl-node .n{width:.9rem;height:.9rem;border-radius:50%;background:var(--royal);margin-top:.25rem;flex:none;z-index:2}.tl-item:last-child .tl-node .n{background:var(--amarillo)}.tl-node .l{width:2px;flex:1;background:var(--line);margin-top:.2rem}.tl-item:last-child .tl-node .l{display:none}.tl-body .e{font-weight:700;font-size:.95rem}.tl-body .d{font-family:var(--mono);font-size:.74rem;color:var(--ink-faint);margin-top:.15rem}.tl-body .c{font-size:.85rem;color:var(--ink-soft);margin-top:.35rem}.help{margin-top:1.6rem;text-align:center;font-size:.9rem;color:var(--ink-soft)}.help a{color:var(--royal);font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(max-width:560px){.steps{flex-direction:column;gap:1rem;align-items:flex-start}.step{display:flex;align-items:center;gap:.9rem;padding-top:0;text-align:left;flex:none;width:100%}.step .dot{position:static;transform:none}.step .bar{display:none}.step .lbl{font-size:.85rem}}@media(pointer:coarse),(hover:none){.back:hover{color:#ffffffb3}form.tracker button:hover{background:var(--amarillo)}}