/* Seguimiento */
.tracking-hero{padding:72px 0 40px;text-align:center}
.tracking-hero-inner{display:flex;flex-direction:column;align-items:center}
.tracking-icon{width:64px;height:64px;color:var(--accent);stroke-width:2.2;margin-bottom:18px}
.tracking-hero h1{font-size:clamp(44px,7vw,72px);letter-spacing:-.045em}
.tracking-description{font-size:clamp(18px,2vw,21px);color:var(--muted);margin-top:10px}
.tracking-lookup{width:min(640px,100%);margin-top:34px}
.tracking-field{display:flex;align-items:center;gap:10px;background:#ffffff;border-color:var(--line)!important;border-radius:999px;padding:6px 6px 6px 22px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.06);border:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.tracking-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.tracking-field>svg{width:20px;height:20px;color:var(--soft)}
.tracking-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:18px;height:50px;text-transform:uppercase}
.tracking-field input::placeholder{text-transform:none;color:var(--soft)}
.tracking-field input[aria-invalid="true"]{color:#c0392b}
.tracking-submit{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--grad);color:var(--on-accent);font-size:16px;font-weight:500;padding:0 22px;height:50px;transition:background .2s,opacity .2s;white-space:nowrap}
.tracking-submit:hover:not(:disabled){box-shadow:var(--glow)}
.tracking-submit:disabled{opacity:.45}
.tracking-submit svg{width:18px;height:18px}
.tracking-error{margin-top:14px;color:#c0392b;font-size:15px}
.tracking-tab-note{margin-top:14px;font-size:13px;color:var(--soft)}
.tracking-progress{margin-top:10px;font-size:14px;color:var(--accent)}
.tracking-noscript{margin-top:12px;color:var(--muted)}

.tracking-results{margin-top:56px;outline:0;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;animation:rise .5s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.tracking-result-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.tracking-result-heading h2{font-size:clamp(32px,4vw,44px);margin-top:4px}
.queried-code{color:var(--muted);margin-top:6px;font-size:15px}
.queried-code strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.tracking-carrier{background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:14px;padding:8px 16px;border-radius:999px}
.tracking-carrier:empty{display:none}
.tracking-status-card{background:linear-gradient(140deg,rgba(47,224,181,.2),rgba(139,123,255,.12));border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:32px;align-self:start}
.tracking-status-card h3{font-size:30px;margin-top:8px;letter-spacing:-.03em}
.tracking-dates{margin:22px 0 0;display:grid;gap:14px}
.tracking-dates div{border-top:1px solid var(--line);padding-top:14px}
.tracking-dates dt{font-size:13px;color:var(--muted)}
.tracking-dates dd{margin:2px 0 0;font-size:16px}
.tracking-history{background:var(--alt);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.tracking-history>h3{font-size:22px;margin-bottom:20px}
.tracking-events{list-style:none;margin:0;padding:0}
.tracking-events li{position:relative;padding:0 0 22px 30px}
.tracking-events li:before{content:'';position:absolute;left:5px;top:8px;width:12px;height:12px;border-radius:50%;background:#3d5550;box-shadow:0 0 0 4px var(--bg)}
.tracking-events li:first-child:before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.tracking-events li:after{content:'';position:absolute;left:10px;top:24px;bottom:0;width:2px;background:var(--line)}
.tracking-events li:last-child:after{display:none}
.tracking-events h4{font-size:16px;font-weight:600;margin:0}
.tracking-events time{display:block;font-size:13px;color:var(--soft);margin-top:2px}
.tracking-events p{font-size:14px;color:var(--muted);margin-top:4px}
#tracking-no-events{color:var(--muted)}

.tracking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px}
.tracking-steps>div{background:var(--alt);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.tracking-steps span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--grad);color:var(--on-accent);font-weight:700;font-size:15px;margin-bottom:18px}
.tracking-steps h3{font-size:19px}
.tracking-steps p{color:var(--muted);font-size:15px;margin-top:6px}


@media (max-width:820px){
  .tracking-results{grid-template-columns:1fr}
  .tracking-steps{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tracking-hero{padding:52px 0 44px}
  .tracking-field{flex-wrap:wrap;border-radius:22px;padding:8px 8px 8px 18px}
  .tracking-field input{height:46px}
  .tracking-submit{width:100%;justify-content:center}
  .tracking-status-card,.tracking-history{padding:24px}
}

.tracking-icon{filter:drop-shadow(0 6px 14px rgba(11,143,115,.35));animation:float 5s ease-in-out infinite}
.tracking-hero h1{background:linear-gradient(180deg,#0f2a25,#3d6a60);-webkit-background-clip:text;background-clip:text;color:transparent}