.tracking-map-card {
            margin-top: 14px;
            background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,255,.92));
            border: 1px solid rgba(7,26,62,.10);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 18px 46px rgba(4,9,28,.14);
        }
        .tracking-map-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 12px 14px 8px;
            color: var(--azul);
            font-weight: 900;
            font-size: .95rem;
        }
        .tracking-live-map {
            height: 290px;
            min-height: 260px;
            width: 100%;
            background: #eef5ff;
            border-top: 1px solid rgba(7,26,62,.08);
            border-bottom: 1px solid rgba(7,26,62,.08);
        }
        .tracking-map-hint {
            padding: 10px 14px 13px;
            color: #42526e;
            font-size: .8rem;
            font-weight: 700;
            text-align: left;
        }
        .tracking-marker-wrap {
            position: relative;
            width: 46px;
            height: 46px;
            display: grid;
            place-items: center;
            transform: translate(-50%, -50%);
        }
        .tracking-marker-core {
            position: relative;
            width: 40px;
            height: 40px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            font-size: 1.45rem;
            border: 2px solid #fff;
            box-shadow: 0 12px 28px rgba(4,9,28,.28);
            z-index: 2;
        }
        .tracking-marker-store .tracking-marker-core { background: linear-gradient(135deg, #ffd84d, #ff9f1c); }
        .tracking-marker-customer .tracking-marker-core { background: linear-gradient(135deg, #e9f7ff, #8bd3ff); }
        .tracking-marker-driver .tracking-marker-core { background: linear-gradient(135deg, #ff6b35, #b00045); color: #fff; animation: motorBounce .7s ease-in-out infinite alternate; }
        .tracking-marker-pulse::before {
            content: '';
            position: absolute;
            inset: 2px;
            border-radius: 50%;
            border: 3px solid rgba(255, 216, 77, .75);
            animation: livePulse 1.5s ease-out infinite;
            z-index: 1;
        }
        .tracking-marker-rider {
            position: absolute;
            right: -6px;
            top: -8px;
            font-size: .95rem;
            filter: drop-shadow(0 3px 5px rgba(0,0,0,.28));
        }
        .tracking-route-line {
            stroke-dasharray: 10 14;
            animation: routeDash 1.05s linear infinite;
            filter: drop-shadow(0 4px 7px rgba(176,0,69,.25));
        }
        @keyframes routeDash { to { stroke-dashoffset: -48; } }
        @keyframes livePulse { 0% { transform: scale(.72); opacity: .95; } 100% { transform: scale(1.85); opacity: 0; } }
        @keyframes motorBounce { from { transform: translateY(1px) rotate(-3deg); } to { transform: translateY(-3px) rotate(3deg); } }
        @media (max-width: 520px) { .tracking-live-map { height: 240px; min-height: 230px; } }