/* Box Express — Rastreio V2.1 | Estilos exclusivos da página */
.page-header-track { margin-bottom: clamp(32px, 5vw, 72px) !important; }
#main-content > section:first-child { padding-top: 12px !important; }
#main-content > section:first-child .col-lg-6 { width: 100%; max-width: 820px; }
#track-section-title { color: #1b3563; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.2; letter-spacing: -.025em; }
#track-section-title + p { color: #52637c; line-height: 1.75; max-width: 670px; }
#trackForm { padding: clamp(20px, 3vw, 36px); background: #fff; border: 1px solid rgba(27,53,99,.09); border-radius: 18px; box-shadow: 0 16px 48px rgba(27,53,99,.09); position: relative; overflow: hidden; }
#trackForm::before { content: ''; position: absolute; height: 4px; left: 0; right: 0; top: 0; background: linear-gradient(90deg,#1b3563,#f3cc1f); }
#trackForm .track-search { background: #f7f9fd; border: 1px solid #d8e0ed; border-radius: 12px; padding: 7px; min-height: 64px; gap: 8px; box-shadow: none; }
#trackForm .track-search:focus-within { background: #fff; border-color: #1b3563; box-shadow: 0 0 0 4px rgba(27,53,99,.11); }
#trackForm #tracking_code { min-width: 0; width: 100%; color: #1b3563; font-size: clamp(15px, 1.5vw, 17px); font-weight: 600; letter-spacing: .04em; padding: 13px 15px; }
#trackForm #tracking_code::placeholder { color: #7a8799; font-weight: 400; letter-spacing: 0; }
#trackForm .track-search button { flex: 0 0 52px; width: 52px; height: 50px; background: #1b3563; color: #fff; border: 2px solid #f3cc1f; border-radius: 10px; box-shadow: 0 5px 15px rgba(27,53,99,.17); cursor: pointer; }
#trackForm .track-search button:hover { background: #24477f; transform: translateY(-1px); }
#trackForm .track-search button:focus-visible { outline: 3px solid #f3cc1f; outline-offset: 3px; }
#trackError { margin-bottom: 0; font-size: .9rem; font-weight: 600; }
#trackResult:not(.d-none) { background: #fff; border: 1px solid rgba(27,53,99,.1); border-radius: 18px; padding: clamp(16px, 3vw, 30px); box-shadow: 0 12px 35px rgba(27,53,99,.08); overflow-wrap: anywhere; }
#trackResult .track-timeline { max-width: 100%; }
#trackResult .track-item { min-width: 0; }
#main-content > section:first-child p.small.bg-white { max-width: 820px; margin-left: auto; margin-right: auto; border: 1px solid rgba(27,53,99,.07); border-radius: 12px !important; line-height: 1.65; box-shadow: 0 5px 20px rgba(27,53,99,.045) !important; }
@media (max-width: 575.98px) {
  #trackForm { padding: 18px 14px; border-radius: 14px; }
  #trackForm .track-search { padding: 5px; min-height: 56px; gap: 3px; }
  #trackForm #tracking_code { padding: 10px 8px; font-size: 14px; }
  #trackForm .track-search button { width: 46px; flex-basis: 46px; height: 44px; }
  #trackResult:not(.d-none) { padding: 16px 12px; }
}
@media (prefers-reduced-motion: reduce) { #trackForm .track-search, #trackForm .track-search button { transition: none; } }


/* =====================================================
   BOX EXPRESS — RASTREIO V2.3 / CTA FINAL
   ===================================================== */
.track-final-cta { padding: 36px 0 78px; }
.track-final-cta__card { display: grid; grid-template-columns: 1.15fr .85fr; background: #fff; border: 1px solid rgba(27,53,99,.09); border-radius: 22px; overflow: hidden; box-shadow: 0 18px 54px rgba(27,53,99,.10); }
.track-final-cta__body { padding: clamp(28px,4.5vw,64px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.track-final-cta__eyebrow { color: #1b3563; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 18px; }
.track-final-cta__eyebrow::before { content: ''; display: block; width: 42px; height: 4px; background: #f3cc1f; border-radius: 5px; margin-bottom: 14px; }
.track-final-cta__body h2 { color: #1b3563; font-size: clamp(1.8rem,3vw,2.7rem); line-height: 1.18; margin-bottom: 17px; letter-spacing: -.03em; }
.track-final-cta__description { color: #53627a; line-height: 1.75; font-weight: 400; max-width: 570px; margin-bottom: 25px; }
.track-final-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.track-final-cta__primary,.track-final-cta__secondary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 20px; min-height: 50px; border-radius: 9px; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .2s,box-shadow .2s,background .2s; }
.track-final-cta__primary { background: #f3cc1f; color: #1b3563; border: 2px solid #f3cc1f; box-shadow: 0 8px 18px rgba(243,204,31,.25); }
.track-final-cta__primary:hover { background: #ffdc43; color: #1b3563; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(243,204,31,.33); }
.track-final-cta__secondary { background: #fff; color: #1b3563; border: 1px solid #cdd7e5; }
.track-final-cta__secondary:hover { background: #f3f7fd; color: #1b3563; transform: translateY(-2px); }
.track-final-cta__primary:focus-visible,.track-final-cta__secondary:focus-visible { outline: 3px solid #1b3563; outline-offset: 3px; }
.track-final-cta__benefits { display: flex; flex-wrap: wrap; gap: 16px 20px; margin-top: 27px; color: #425472; font-size: 12px; font-weight: 600; }
.track-final-cta__benefits span { display: inline-flex; align-items: center; gap: 8px; }
.track-final-cta__benefits i { color: #1b3563; font-size: 17px; }
.track-final-cta__visual { min-height: 390px; display: flex; align-items: center; justify-content: center; padding: 35px; background: radial-gradient(circle at 85% 18%,rgba(243,204,31,.25),transparent 40%),linear-gradient(135deg,#1b3563,#254e86); }
.track-final-cta__route { width: min(100%,420px); border: 1px solid rgba(255,255,255,.26); border-radius: 19px; padding: 29px 27px; background: rgba(255,255,255,.1); box-shadow: 0 20px 40px rgba(0,0,0,.14); color: #fff; }
.track-final-cta__route-title { display: flex; align-items: center; gap: 12px; font-family: Quicksand,sans-serif; font-size: 20px; font-weight: 700; }
.track-final-cta__route-title i { color: #f3cc1f; }
.track-final-cta__route-steps { display: flex; align-items: center; margin: 48px 0 13px; }
.track-final-cta__pin { width: 49px; height: 49px; flex: 0 0 49px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #1b3563; background: #f3cc1f; font-size: 20px; }
.track-final-cta__pin--end { background: #fff; color: #1b3563; }
.track-final-cta__line { flex: 1; position: relative; height: 2px; border-top: 2px dashed rgba(255,255,255,.7); text-align: center; }
.track-final-cta__line i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 8px; background: #254e86; color: #f3cc1f; font-size: 22px; }
.track-final-cta__route-countries { display: flex; justify-content: space-between; font-weight: 700; font-size: 14px; }
.track-final-cta__route-footer { display: flex; align-items: center; gap: 10px; border-top: 1px solid rgba(255,255,255,.22); margin-top: 38px; padding-top: 20px; font-size: 12px; line-height: 1.5; }
.track-final-cta__route-footer i { color: #f3cc1f; }
.track-final-cta__route-footer i:last-child { margin-left: auto; }
@media (max-width: 991.98px) { .track-final-cta__card { grid-template-columns: 1fr; } .track-final-cta__visual { min-height: 285px; } }
@media (max-width: 575.98px) { .track-final-cta { padding: 22px 0 55px; } .track-final-cta__body { padding: 26px 22px; } .track-final-cta__actions { width: 100%; } .track-final-cta__primary,.track-final-cta__secondary { width: 100%; } .track-final-cta__visual { min-height: 270px; padding: 22px; } .track-final-cta__route { padding: 24px 19px; } }
@media (prefers-reduced-motion: reduce) { .track-final-cta__primary,.track-final-cta__secondary { transition: none; } }
/* ==========================================
   RASTREIO V2.5 — LARGURA ALINHADA COM CTA
========================================== */

@media (min-width: 992px) {

    #main-content > section:first-child .col-lg-6 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    #trackForm,
    #trackResult,
    #main-content > section:first-child p.small.bg-white {
        width: 100%;
        max-width: 100%;
    }
}