/* V23 — Ajuste visual exclusivo del rastreo. No modifica funcionalidad. */
body{
  background:
    radial-gradient(circle at 50% -8%,rgba(87,215,211,.14),transparent 30%),
    radial-gradient(circle at 8% 30%,rgba(119,130,255,.13),transparent 28%),
    linear-gradient(180deg,#0a1423 0%,#07111d 100%)!important;
  color:#f8fbff!important;
}
body .wrap{width:min(760px,calc(100% - 28px))!important;max-width:760px!important;margin:0 auto!important;padding:22px 0 64px!important}
body .hero{width:100%!important;max-width:none!important;margin:0!important;padding:24px 20px 34px!important;min-height:auto!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(21,36,58,.88),rgba(10,23,39,.82))!important;border:1px solid rgba(170,198,230,.24)!important;box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)!important;overflow:visible!important}
body .ctgm-logo-block{margin:2px 0 8px!important}
body .ctgm-logo-block img{max-width:min(260px,66vw)!important;height:auto!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
body .hero>.brand{color:#b8c7da!important;font-size:12px!important;font-weight:800!important;letter-spacing:.2em!important;margin-bottom:16px!important}
body .hero h1{color:#fff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial!important;font-size:clamp(32px,7vw,54px)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin-bottom:14px!important}
body .hero .lead{width:min(620px,100%)!important;color:#c2cede!important;font-size:16px!important;line-height:1.55!important;margin-bottom:26px!important}
body .search{width:100%!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:10px!important;margin-bottom:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body #code{min-height:58px!important;padding:16px 18px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;border:1px solid rgba(205,224,245,.22)!important;border-radius:18px!important;font-size:17px!important;font-weight:700!important;letter-spacing:.03em!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
body #code::placeholder{color:#8fa1b6!important;opacity:1!important}
body #code:focus{border-color:rgba(99,232,198,.7)!important;box-shadow:0 0 0 4px rgba(99,232,198,.10)!important}
body #btn{min-height:58px!important;padding:0 20px!important;border-radius:18px!important;background:linear-gradient(135deg,#32c99f,#3e9fe8)!important;color:#06131b!important;border:1px solid rgba(255,255,255,.22)!important;font-size:17px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(20,123,143,.26)!important}
body #btn:disabled{opacity:.65!important}
body .msg{color:#d9e4ef!important;font-size:14px!important;min-height:22px!important;margin-bottom:8px!important}
body .footnote{color:#aab9ca!important;font-size:13px!important;line-height:1.45!important;margin-top:28px!important}
body #result.card{width:100%!important;margin:22px 0 0!important;padding:22px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(18,34,54,.96),rgba(9,22,37,.94))!important;border:1px solid rgba(181,208,236,.22)!important;box-shadow:0 20px 48px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.06)!important;color:#fff!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;backdrop-filter:blur(22px) saturate(145%)!important}
body #result .top{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
body #result .code{color:#aabbd0!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important}
body #result .status{display:inline-block!important;margin-top:8px!important;padding:10px 16px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(28,167,118,.30),rgba(21,123,103,.22))!important;color:#fff!important;border:1px solid rgba(55,220,162,.45)!important;font-size:30px!important;font-weight:900!important;line-height:1.05!important;box-shadow:none!important}
body #result .badge{margin-top:2px!important;background:rgba(255,255,255,.07)!important;color:#d6e2ef!important;border:1px solid rgba(205,224,245,.18)!important;border-radius:999px!important;padding:9px 12px!important;font-size:12px!important}
body #result .grid{gap:12px!important;margin:20px 0!important}
body #result .item{padding:16px 17px!important;min-height:82px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(205,224,245,.17)!important;border-radius:19px!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body #result .k{color:#aebed1!important;font-size:11px!important;font-weight:700!important;letter-spacing:.11em!important}
body #result .v{color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important}
body #result .note{padding:15px 16px!important;margin-bottom:24px!important;background:rgba(72,143,210,.12)!important;color:#dcecff!important;border:1px solid rgba(94,170,235,.28)!important;border-left:3px solid #59aaf0!important;border-radius:15px!important;font-size:14px!important;line-height:1.5!important}
body #result .timeline{margin-top:8px!important}
body #result .event{gap:13px!important;padding-bottom:22px!important}
body #result .dot{width:15px!important;height:15px!important;background:#0d1b2b!important;border:3px solid #39d6a1!important;box-shadow:0 0 0 4px rgba(57,214,161,.08)!important}
body #result .event:not(:last-child):before{background:rgba(169,193,220,.22)!important}
body #result .event-title{color:#fff!important;font-size:17px!important;font-weight:850!important}
body #result .event-meta{color:#b5c4d6!important;font-size:13px!important;line-height:1.45!important}
body #result .event-note{color:#d1dbe7!important;font-size:13px!important;line-height:1.45!important}
@media(max-width:640px){
  body .wrap{width:calc(100% - 20px)!important;padding:10px 0 34px!important}
  body .hero{padding:20px 12px 26px!important;border-radius:24px!important}
  body .ctgm-logo-block img{max-width:210px!important}
  body .hero h1{font-size:36px!important}
  body .hero .lead{font-size:15px!important}
  body .search{grid-template-columns:1fr!important}
  body #btn{width:100%!important}
  body #result.card{padding:16px!important;border-radius:22px!important}
  body #result .top{display:block!important}
  body #result .status{font-size:28px!important;width:100%!important}
  body #result .badge{margin-top:12px!important}
  body #result .grid{grid-template-columns:1fr!important}
  body #result .item{min-height:76px!important}
}

/* V27 contraste final rastreo: el CSS especifico carga despues de portal.css */
body .track-card,body .tracking-card,body .result-card,body .shipment-card,
body .event,body .detail-card,body .status-card{
  color:#f8fbff!important;
}
body .track-card p,body .tracking-card p,body .result-card p,
body .event-meta,body .event-note{color:#c7d2e2!important;opacity:1!important}