/* Somente as páginas de rastreamento; não modifica os componentes do restante do site. */
.tracking-page { --tracking-ink: #172033; --tracking-muted: #475569; --tracking-link: #4338ca; }
.tracking-page main { color: var(--tracking-ink); }
.tracking-page main a:not(.tracking-primary) { color: var(--tracking-link); text-decoration: underline; text-underline-offset: 3px; }
.tracking-page :focus-visible { outline: 3px solid #4338ca; outline-offset: 4px; }
.tracking-page .tracking-skip { position: absolute; left: 1rem; top: -100px; z-index: 10000; padding: .8rem 1rem; background: white; color: #172033; }
.tracking-page .tracking-skip:focus { top: 1rem; }
.tracking-page .tracking-hero { padding: 138px 0 64px; background: linear-gradient(150deg, #f5f3ff, #f8fafc 70%); border-bottom: 1px solid #e2e8f0; }
.tracking-page .tracking-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .875rem; color: var(--tracking-muted); margin-bottom: 2rem; }
.tracking-page .tracking-kicker { display: block; color: #4338ca; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1rem; }
.tracking-page .tracking-hero h1 { max-width: 980px; font-size: clamp(2.2rem, 4.5vw, 3.75rem); letter-spacing: -.045em; line-height: 1.08; color: var(--tracking-ink); }
.tracking-page .tracking-lead { max-width: 800px; font-size: 1.15rem; color: var(--tracking-muted); line-height: 1.75; }
.tracking-page .tracking-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.8rem; }
.tracking-page .tracking-primary, .tracking-page .tracking-secondary { display: inline-flex; min-height: 48px; padding: .8rem 1.2rem; align-items: center; justify-content: center; font-weight: 600; border-radius: 10px; }
.tracking-page main a.tracking-primary { background: #4338ca; color: #fff; text-decoration: none; }
.tracking-page main a.tracking-primary:hover { background: #3730a3; }
.tracking-page .tracking-secondary { border: 1px solid #cbd5e1; background: #fff; }
.tracking-page .tracking-caption, .tracking-page figcaption { color: var(--tracking-muted); font-size: .875rem; line-height: 1.6; margin-top: .85rem; }
.tracking-page .tracking-section { padding: 60px 0; scroll-margin-top: 105px; }
.tracking-page .tracking-section + .tracking-section { border-top: 1px solid #e2e8f0; }
.tracking-page main h2 { color: var(--tracking-ink); font-size: clamp(1.65rem, 3vw, 2.25rem); letter-spacing: -.025em; line-height: 1.25; }
.tracking-page main h3 { color: var(--tracking-ink); font-size: 1.16rem; line-height: 1.4; margin: 1.6rem 0 .65rem; }
.tracking-page main p, .tracking-page main li { max-width: 80ch; line-height: 1.8; }
.tracking-page main p { color: var(--tracking-muted); }
.tracking-page main ul, .tracking-page main ol { padding-left: 1.4rem; margin: 1rem 0; }
.tracking-page main li { margin-bottom: .6rem; }
.tracking-page .tracking-flow { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; padding: 0; gap: 1rem; margin: 2rem 0; }
.tracking-page .tracking-flow li { padding: 1.4rem; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; margin: 0; }
.tracking-page .tracking-flow strong { display: block; color: #4338ca; margin-bottom: .5rem; }
.tracking-page .tracking-flow span { display: block; color: var(--tracking-muted); font-size: .95rem; }
.tracking-page .tracking-note { padding: 1.25rem 1.5rem; background: #f5f3ff; border-left: 3px solid #6366f1; border-radius: 0 10px 10px 0; margin: 1.5rem 0; }
.tracking-page .tracking-note p:last-child { margin-bottom: 0; }
.tracking-page .tracking-table-wrap { width: 100%; overflow-x: auto; margin: 1.6rem 0; border: 1px solid #e2e8f0; border-radius: 12px; }
.tracking-page .tracking-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .95rem; }
.tracking-page .tracking-table th, .tracking-page .tracking-table td { padding: 1rem; vertical-align: top; border-bottom: 1px solid #e2e8f0; line-height: 1.65; }
.tracking-page .tracking-table thead { background: #f8fafc; }
.tracking-page .tracking-table tr:last-child td { border-bottom: 0; }
.tracking-page .tracking-shot { margin: 2rem 0 0; }
.tracking-page .tracking-shot img { display: block; width: 100%; height: auto; border: 1px solid #e2e8f0; border-radius: 12px; }
.tracking-page .tracking-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; }
.tracking-page .tracking-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; align-items: start; gap: 4rem; padding-top: 24px; padding-bottom: 40px; }
.tracking-page .tracking-article { min-width: 0; }
.tracking-page .tracking-article .tracking-section { padding: 36px 0; }
.tracking-page .tracking-toc { position: sticky; top: 110px; padding: 1.3rem; margin-top: 36px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.tracking-page .tracking-toc h2 { font-size: 1rem; letter-spacing: 0; }
.tracking-page .tracking-toc a { display: block; font-size: .9rem; padding: .45rem 0; }
.tracking-page .tracking-toc ol, .tracking-page .tracking-toc ul { padding-left: 1.1rem; }
.tracking-page .tracking-steps li { padding: .6rem 0 .6rem .4rem; }
.tracking-page main code { background: #f1f5f9; color: #273449; padding: .12rem .3rem; border-radius: 4px; overflow-wrap: anywhere; }
.tracking-page main blockquote { margin: 1rem 0; padding: 1rem 1.4rem; border-left: 3px solid #6366f1; background: #f8fafc; }
.tracking-page .footer-section h2 { font-size: 1.2rem; color: white; margin-bottom: 1.5rem; }
.tracking-page .nav-toggle, .tracking-page .nav-close { border: 0; background: transparent; font: inherit; min-width: 44px; min-height: 44px; }
@media (max-width: 1024px) {
  .tracking-page .tracking-layout { grid-template-columns: 1fr; gap: 0; }
  .tracking-page .tracking-toc { position: static; grid-row: 1; margin-top: 1rem; }
  .tracking-page .tracking-flow { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .tracking-page .tracking-hero { padding: 112px 0 42px; }
  .tracking-page .tracking-breadcrumb { margin-bottom: 1.4rem; }
  .tracking-page .tracking-section { padding: 40px 0; }
  .tracking-page .tracking-columns, .tracking-page .tracking-flow { grid-template-columns: 1fr; gap: 1rem; }
  .tracking-page .tracking-table th, .tracking-page .tracking-table td { padding: .7rem; overflow-wrap: anywhere; }
  .tracking-page .tracking-actions { align-items: stretch; flex-direction: column; }
  .tracking-page .tracking-actions a { width: 100%; text-align: center; }
}